hbit-ui-kit

Healthbit React UI Kit Library

HBit UI Kit Library for React.js with Storybook.

Published at NPM.

Developer

Kayne Gonçalves

Components

• [x] Button
• [x] CheckBox
• [x] Input
• [x] Modal
• [x] Radio
• [x] Separator

Techs

• [x] React.js
• [x] Storybook
• [x] Styled Components
• [x] TypeScript

Coming Soon

• Table
• Card
• Bar Chart
• Pie Chart
• Donut Chart
• Form
• Line Chart
• Datepicker
• Top Menu
• Side Menu
• Dropdown

Dependencies

• Node

Usage

1. Run yarn add hbit-ui-kit or npm install hbit-ui-kit in your React.js project.
   
2. Import components from the library following the example: import { ComponentName } from 'hbit-ui-kit'
   

Creating new components

1. Clone this repository;
   
2. Run yarn or npm install at the root folder to install dependencies.
   
3. Run yarn storybook.
   
4. Access localhost:8080 in your browser.
   
5. Run yarn build to generate your own build.