Global components used for development of Cellcollective and Digital Twin Innovation Hub portal

🚅 Quick start

1. 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
   yarn

2. Browse stories

   Run yarn storybook to see your component's stories at http://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.