Clinia UI is a modular component library based on Chakra UI.
It exports various React components as well as a Chakra UI theme.
The library is composed of packages and a storybook.
Below is a non-exhaustive list of the various packages in the library.
| Package | Description |
|---|---|
react |
Exports basic Chakra UI components as is |
icons |
Exports Clinia custom icons as single built files (see Adding icons) |
theme |
Chakra UI theme with Clinia colors, fonts, spaces and more |
| Custom components | Various Clinia cutom components (see Adding custom components) |
For more information on the storybook package, see the Storybook section.
Each custom components should be exported as a separate package under packages/.
If the custom component is an extension of a basic Chakra UI component, the export for the Chakra UI component should be removed from the react package.
Each icon added to the icons/ package should follow these guidelines:
- Chakra UI guidelines
- 1024 x 1024 baseline in svg
The storybook configuration for the Clinia UI library is under docs.
It should have stories for the elements exported in the packages, which should be styled according to the theme package.