app-arena/patterns

App-Arena Styleguide and pattern library based on patternlab.io

1.2.8 2017-10-18 17:17 UTC

Requires

• php: >=5.4

Requires (Dev)

• pattern-lab/core: ^2.0
• pattern-lab/patternengine-mustache: ^2.
• pattern-lab/plugin-data-inheritance: ^1.0
• pattern-lab/styleguidekit-mustache-default: ^3.

MIT

• Sebastian Buckpesch

• styleguide
• app-arena

README

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

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