🔱 Features

• An enterprise UI design system for web applications.
• A set of high-quality React components.
• Written in ES6 and styled-components.
• Use react-hook-form for form handling

📦 Install

npm install --save @evandhq/react-design-system

or

yarn add @evandhq/react-design-system

🙌🏼 Usage

import { Button } from '@evandhq/react-design-system';

ReactDOM.render(<Button>Submit</Button>, mountNode);

🛠 Development

Use Gitpod, a free online dev environment for GitHub.

Or clone locally:

$ git clone https://github.com/evandhq/react-design-system.git
$ cd react-design-system
$ npm install
$ npm start

⬛️ Commands

start development and view doc. Open your browser and visit http://127.0.0.1:3000:

$ npm start 

show stories of storybook. pen your browser and visit http://127.0.0.1:9009:

$ npm run storybook

running all tests:

$ npm run test 

show linter errors (linter prevent changes to commit):

$ npm run lint

fix linter errors automatically:

$ npm run lint:fix

create changelog

$ npm run version

generate static site of storybook

$ npm run build:storybook

build production of documents and samples

$ npm run build:doc

build version of design system

$ npm run build:lib

🤝 Contributing

Read our contributing guide and let's build a better react design system.

🎓 Licence

react design system is available under MIT licence.