Docs Components Sections Examples Playground
Getting started
Introduction Installation Theming Switching theme
Typography
Fluid scale Heading Text Callout Blockquote
Components
Theme Button Menu button Code Badge Pattern Breadcrumbs Thumb Toast Avatar Separator Marquee Slideshow Tabs Network indicator Dialog Megamenu Context menu Dropdown menu Card Hover Card Menu Menubar Popover KBD Accordion Page transition Tilt Globe Glowing border Custom cursor
Form
Textarea Slider PIN Input
actions & utilities
autosize usePrevious trapFocus clickOutside
Tailwind utilities
.raised
primary-small-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-normal-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-large-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-small-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-normal-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-large-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-small-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-normal-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
primary-large-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-small-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-normal-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-large-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-small-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-normal-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-large-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-small-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-normal-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
secondary-large-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-small-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-normal-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-large-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-small-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-normal-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-large-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-small-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-normal-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
info-large-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-small-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-normal-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-large-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-small-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-normal-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-large-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-small-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-normal-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
success-large-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-small-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-normal-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-large-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-small-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-normal-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-large-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-small-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-normal-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
warning-large-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-small-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-normal-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-large-soft
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-small-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-normal-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-large-outline
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-small-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-normal-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
danger-large-solid
Lorem ipsum dolor sit amet, consectetur adipisicing elit.