apparena-patterns

App-Arena Brand Guidelines incl. ReactJS Patterns, Colors, Logos, Templates, Identity and more

Showing:

Popularity

Downloads/wk

3

GitHub Stars

0

Maintenance

Last Commit

3yrs ago

Contributors

18

Package

Dependencies

33

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

App-Arena Patterns

npm package PeerDependencies Dependencies DevDependencies Coverage Status Build Status semantic-release

App-Arena Patterns is a set of React components that implement the App-Arena CI.

TitleDescription
Pattern demosDemo of all patterns of this library.
ContributingCreating and publishing new patterns or editing the Brand portal.
Pattern generatorHow the Yeoman pattern generator works and how it can be edited.

Getting started

App-Arena Patterns are available as npm package.

yarn add apparena-patterns-react

or

npm install apparena-patterns-react

to add all components to your app.

Usage

Here is a quick example to get you started:

./App.js

import React from 'react';
import ReactDOM from 'react-dom';
import MyAwesomeReactComponent from './MyAwesomeReactComponent';

const App = () => (
    <MyAwesomeReactComponent />
);

ReactDOM.render(
  <App />,
  document.getElementById('app')
);

./MyAwesomeReactComponent.js

import React from 'react';
import {Button} from 'apparena-patterns-react';

const MyAwesomeReactComponent = () => (
  <Button type="primary">Label</Button>
);

export default MyAwesomeReactComponent;

Please refer to each component's documentation page to see how they should be imported.

Contributing

If you would like to contribute patterns or add patterns to this library, head over to our contributing section.

License

This project is licensed under the terms of the MIT license

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100