> A Bitgrow React design system
npm install @bitgrow/bitbybit> A Bitgrow React design system
This package is hosted in NPM packages and to install, use:
``shell`
npm install @bitgrow/bitbybit
After install in your project, import the files bellow on head of your main css file.
`css`
@import "@bitgrow/bitbybit/dist/index.css";
@import "@bitgrow/bitbybit/dist/bitbybit.css";
To define default theme, set data-theme property in your html tag.
`html`
{...}
You can use the setTheme function to change theme your app:
`tsx
import { setTheme, BitThemes } from '@bitgrow/bitbybit';
`
`typescript
import { BitButton } from '@bitgrow/bitbybit';
color="primary"
onClick={() => handleSubmit()}
icon={}
/>
`
Create new components in src/components and export on src/index.ts;
Use storybook to documentation and development.
`bash`
npm run dev
To create a new theme in Design System define the styles on index.css, and add the theme in setTheme.ts file, include type, and key on BitThemes` object.