jupiter-react

<p align="center"> <a href="http://design.evand.com"> <img width="200" src="https://blog.evand.com/wp-content/themes/evand/assets/evand.png"> </a> </p>

Usage no npm install needed!

<script type="module">
  import jupiterReact from 'https://cdn.skypack.dev/jupiter-react';
</script>

README

Evand Design System

An UI design language with React implementation.


🔱 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.

Open in Gitpod

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 PRs Welcome

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

🎓 Licence

react design system is available under MIT licence.