Live Storybook
Pick a color mode
Light
Dark
System
Pick a theme
Default
Colorful
Styleguide
Colors
Quick search...
⌘K
Storybook
Welcome Page
Components
Badge
Block and slots
Buttons
Form
Live
Templates
Examples
Styleguide
Colors
Typography
- 0.7.1
Welcome Page
Welcome Page
Badge
Components
Badge
List
Components
Block and slots
List
Table
Components
Block and slots
Table
Button
Components
Buttons
Button
Button Iframe
Components
Buttons
Button Iframe
Dropdown
Components
Buttons
Dropdown
Text Input
Components
Form
Text Input
Live Button
Components
Live
Live Button
Live Button Iframe
Components
Live
Live Button Iframe
Modal
Components
Templates
Modal
Slide-over
Components
Templates
Slide-over
Set assigns
Components
Templates
Set assigns
Forms
Examples
Forms
Colors
Styleguide
Colors
Typography
Styleguide
Typography
Colors
Default
Primary
Info
Success
Warning
Danger
#4B5563
gray-600
Default color will be used for almost all texts, borders and secondary actions.
text-default-txt
Lorem ipsum dolor sit amet consectetur adipisicing elit.
text-default-txt-secondary
Lorem ipsum dolor sit amet consectetur adipisicing elit.
text-default-txt-informative
Lorem ipsum dolor sit amet consectetur adipisicing elit.
text-default-txt-hover
Lorem ipsum dolor sit amet consectetur adipisicing elit.
border-default-border
bg-default-bg
Lorem Ipsum
dolor sit amet consectetur adipisicing elit. Ullam, voluptate.
bg-default-bg-hover
Lorem Ipsum
dolor sit amet consectetur adipisicing elit. Ullam, voluptate.
bg-default-bg-disabled
Lorem Ipsum
dolor sit amet consectetur adipisicing elit. Ullam, voluptate.
bg-white
Normal
bg-default-btn-hover
Hover
ring-default-btn-focus
Focus
bg-default-btn-disabled
Disabled