Color Scheme
Skip to sidebar
Skip to canvas
Storybook
Search for components
⌃ K
Introduction
Base Components
Accordion
Done
Alert Dialog
Done
Aspect Ratio
Done
Avatar
Done
Badge
Done
Blockquote
Done
Breadcrumb
Done
Button
Done
Docs
Default
Variant Showcase
Size Showcase
State Showcase
With Disabled
Is Loading Icon
Is Loading With Children
Is Loading With Loading Text
As Child Anchor
Skip to canvas
Anchor With Variant
Group Buttons
Group With Menu
Icon Showcase
Calendar
Done
Callout
Done
Card
Done
Checkbox
Done
Collapsible
Done
Combobox
Done
Command
Done
Datetime Picker
Description List
Done
Dialog
Done
Divider
Done
Drawer
Done
Dropdown Menu
Done
Form
Preview
Heading
Done
Hover Card
Done
Input
Done
Input PIN
Done
Label
Done
Listbox
Done
Multi Select
Done
Pagination
Done
Popover
Done
Radio Card Group
Done
Radio Group
Done
Scroll Area
Done
Select
Done
Skeleton
Done
Slider
Done
Switch
Done
Tab Navigation
Done
Table
Done
Tabs
Done
Text
Done
Textarea
Done
Toast
Done
Toggle
Done
Tooltip
Done
Layout Components
Visualizations
Recently opened
Button
Base Components
Controls
4
Actions
Accessibility
1
Interactions
Code
Addons
Name
Control
asChild
-
children
Set string
isLoading
Set boolean
loadingText
-
onClick
-
size
xs
sm
md
lg
xl
icon
variant
Choose option...
primary
secondary
outline
ghost
destructive
link
success
warning
info
Interaction testing
Interaction tests allow you to verify the functional aspects of UIs. Write a play function for your story and you'll see it run here.
Watch 8m video
Read docs