Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

hbit-ui-kit

cestemms3MIT1.0.0TypeScript support: included

Healthbit React UI Kit Library

readme

Healthbit React UI Kit Library

HBit UI Kit Library for React.js with Storybook.

Published at NPM.

Developer

Kayne Gonçalves

Components

  • <input checked="" disabled="" type="checkbox"> Button
  • <input checked="" disabled="" type="checkbox"> CheckBox
  • <input checked="" disabled="" type="checkbox"> Input
  • <input checked="" disabled="" type="checkbox"> Modal
  • <input checked="" disabled="" type="checkbox"> Radio
  • <input checked="" disabled="" type="checkbox"> Separator

Techs

  • <input checked="" disabled="" type="checkbox"> React.js
  • <input checked="" disabled="" type="checkbox"> Storybook
  • <input checked="" disabled="" type="checkbox"> Styled Components
  • <input checked="" disabled="" type="checkbox"> TypeScript

Coming Soon

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

Dependencies

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.