konfhub-design-system v1.1.50
KonfHub Design System
This contains the design system and components needed for KonfHub platform
Installation
npm install konfhub-design-systemIf you are facing any issues during the installation please use --legacy-peer-deps option.
Usage
Essentially there are two modules that you can import from the package:
konfhub-design-system/themeskonfhub-design-system/components
Themes
Core themes are available under the core key. You can import them like this:
import { core } from "konfhub-design-system/themes";Website themes are available under the website key. You can import them like this:
import { website } from "konfhub-design-system/themes";Dashboard themes are available under the dashboard key. You can import them like this:
import { dashboard } from "konfhub-design-system/themes";Components
An example of a component can be imported like this:
import { Sample } from "konfhub-design-system/components";Available components can be found here
Addition of new components
Adding a new component is a three step process:
- Add the component to the
src/componentsfolder - Add the component to the
src/components/index.tsfile - Modify
package.jsonto include the new component in exports and similarly invite.config.ts
If you are facing any issues please reach out to us on GitHub
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago