0.1.12 • Published 1 year ago
@helikarlab/design-system v0.1.12
Global components used for development of Cellcollective and Digital Twin Innovation Hub portal
🚅 Quick start
Install the dependencies.
Navigate into your new site’s directory and install the necessary dependencies.
# Navigate to the directory cd design-system/ # Install the dependencies yarnBrowse stories
Run
yarn storybookto see your component's stories athttp://localhost:6006
🛠️ Current status of components
| Component | Status | Jira Issue |
|---|---|---|
| Menu | ✅ | CC-799 |
| ToolBar | ✅ | |
| AppBar | ✅ | |
| Styled Element | ✅ | |
| Basic Button | ✅ | |
| Basic Options | ✅ | |
| Checkbox | ✅ | |
| Search | ✅ | |
| Usermenu | ✅ | |
| Dashboard wrapper | ✅ | |
| Dashboard card | ✅ | |
| Carousel | ✅ | |
| Table | ✅ | |
| Table row | ✅ | |
| Table cell | ✅ | |
| Table head | ✅ | |
| Table body | ✅ | |
| Table Search | ✅ | |
| Grid | ✅ | |
| Panel | ✅ | |
| Panel layout | ✅ | |
| Scrollable | ✅ | |
| View | ✅ | |
| Model graph | ✅ | |
| Editable | ✅ | |
| Droppable | ✅ | |
| Draggable | ✅ | |
| Simulation control | ✅ | |
| Simulation graph | ✅ | |
| File upload | ✅ | |
| Rich text editor | ✅ | |
| Options list | ✅ | |
| Range input | ✅ | |
| Error Boundary | ✅ | |
| Sortable list | ✅ | |
| Slider | ✅ | |
| Collapsible | ✅ | |
| Dropdown Text | ✅ | |
| Transition item | ✅ | |
| Spinner | ✅ | |
| Preview | ✅ | |
| CheckboxN | ✅ | |
| Slider input | ✅ | |
| Dynamic slider input | ✅ | |
| Context menu | ✅ | |
| Movable List | ✅ | |
| Notification Icon | ✅ | |
| Notification component | ✅ |
Design Library
- This is a set of UI components for use in Helikar Lab projects.