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
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
Area Chart
Planned
Bar Chart
Planned
Bar List
Preview
Docs
Default
With Subtitles
Skip to canvas
With Tooltips
Custom Colors
Formatted Values
With Value Formatter
Small
Large
Hidden Values
Success Variant
Warning Variant
Destructive Variant
Info Variant
Interactive
With Links
With Value Change
Sorted Ascending
Sorted Descending
With Animation
Dark Mode
All Variants
All Sizes
Category Bar
Planned
Combo Chart
Planned
Donut Chart
Planned
Line Chart
Planned
Progress Bar
Done
Progress Circle
Done
Spark Chart
Planned
Tracker
Done
Recently opened
Bar List
Visualizations
Controls
9
Actions
Accessibility
1
Interactions
Code
Addons
Name
Control
data
RAW
data :
[
0 :
{...} 4 keys
1 :
{...} 4 keys
2 :
{...} 4 keys
3 :
{...} 4 keys
4 :
{...} 4 keys
]
hideArrow
Set boolean
hideTooltip
Set boolean
hideValue
Set boolean
interactive
Set boolean
onValueChange
-
showAnimation
Set boolean
size
Choose option...
sm
md
lg
sortOrder
Choose option...
ascending
descending
none
valueFormatter
-
variant
Choose option...
default
success
warning
destructive
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