Dashboard UI Components

Component set to easily build settings screens.

Running storybook

yarn storybook

Using components from this package

In your project:

yarn add @dashboard-platform/ui-components

In your Widget Settings Renderer:

import { SlideToggle } from "@dashboard-platform/ui-components";

Components / Elements list:

Done

Nothing yet

Usable, no styling

• Slide Toggle

Missing

• Label
• Orderable list
• List card
• Select

How to build components

Most of the components could be simple wrappers around standard HTML components, mainly adding a consistent styling or more easy to use technical interface.

For more complex components please check out if there is a suitable 'headless' component available, that we can style to our needs.

Sites to check out for nice components:

• https://reactjsexample.com/

Some components I really liked and would recommend when needed:

• Tree component: https://github.com/brimdata/react-arborist
• Menu system: https://szhsin.github.io/react-menu/