retro
retro
light
dark
cyberpunk
nord
dracula
coffee
autumn
test/dejaview
/
test-full
@
abc1234
•
View Storybook
rejected
Reject
Accept All
All
898
Pending
534
New
364
▶
block-editor
▶
checkout
▶
feature-subscriptions
▶
features
▶
pricekit
▶
ui
▶
Atoms
▶
Animated
Animate Enter Story
Animate Exit Story
Enter And Exit
Enter Only
With Delay
▶
AudioWaveform
Animated
Default
Fewer Bars
High Level
Low Level
More Bars
▶
Callout
Default
Size Lg
Size Md
Size Sm
Size Xl
Variant Error
Variant Info
Variant Success
Variant Warning
With Action
With Secondary
Without Icon
▶
Divider
Border
Default
Divider Dark
Variant Border
Variant Default
Variant Divider Dark
▶
Heading
Default
H 1
H 2
H 3
H 4
▶
Icons
All Icons
▶
Label
Basic
Default
▶
LoadingSpinner
Default
Variant Gray
Variant White
▶
Section
Default
Spacing Lg
Spacing Md
Spacing Sm
Spacing Xs
Spacing Xxs
Spacing Xxxs
▶
ShortcutHint
Basic
Default
▶
Skeleton
Default
Size Lg
Size Md
Size Sm
▶
Text
Size Large
Size Medium
Size Medium Link
Size Signature XL
Size Small
Size Tiny
Size Title
Sizes
Variant Error
Variant Informative
Variant Light
Variant Normal
Variant Strong
Variant Success
Variant Warning
Variants
▶
Tooltip
Default
Side Bottom
Side Left
Side Right
Side Top
▶
Molecules
▶
Accordion
Default
Open
▶
ActionCard
Always Show Actions
Create Card
Create Card Disabled
Default
Delete Only
Disabled
Edit Only
Full Example
Integrations Example
Long Title
No Icon
Payment Methods Example
Team Members Example
With Custom Content
With Image Icon
▶
ActionPill
Default
▶
Badge
Default
Size Lg
Size Sm
Size Xs
Variant Blue
Variant Green
Variant Magenta
Variant Neutral
Variant Orange
Variant Pink
Variant Red
Variant Teal
▶
BaseSlider
▶
BasicLoadingPage
Default
▶
BillingPeriodSelector
Default
Disabled
Minimal
Preselected Range
With Custom Click Handler
▶
BreadCrumb
Default
▶
Button
Default
Loading
Size Default
Size Icon
Size Large Icon
Size Sm
Size Xs
State Active
State Disabled
State Focus
State Hover
State Loading
Variant Action
Variant Default
Variant Destructive
Variant Ghost
Variant Outline
Variant Secondary
Variant Tertiary
Variant Text
With Icon Left
With Icon Right
With Shortcut
▶
Calendar
Multiple
Range
Single
▶
Card
Basic
Content Only
Default
With Header Only
▶
ChangelogList
Default
▶
Checkbox
Checked
Checked Disabled
Default
Disabled
Interactive
Unchecked
With Label
With Label Checked
With Label Disabled
With Multiline Label
▶
CheckoutSteps
All Completed
Custom Brand Color
Default
▶
ColorPicker
Default
Empty Initial Color
▶
ComboMultiSelect
Default
▶
ComboSelect
Default
▶
Command
Default
▶
CommandMenu
Default
▶
DatePicker
Date Range
Single Date
▶
DateSelector
Default
Disabled
Minimal
Preselected Date
With Custom Click Handler
With Input
▶
Dialog
Controlled
Default
With Close Button
▶
Drawer
Default
▶
DropdownMenu
Default
Trigger Default
Trigger Disabled
Trigger Loading
With Checkbox Items
With Icons
With Label
With Separator
▶
EmptyPage
Default
▶
ExternalPageHeader
Default
Legacy
With Buttons
With Divider
▶
FixedActionFooter
Default
Multiple Actions
Single Action
With Sidebar Offset
With Unsaved Indicator
▶
FormStepsBreadcrumbs
Default
With Disabled Step
With Error
▶
HoverCard
Default
With Rich Content
▶
IconButton
Default
▶
IconWithToolTip
Default
Position Bottom
Position Left
Position Right
▶
ImageWithFallback
Company Logos
No Image
Rounded Variants
User Avatars
With Image
▶
Input
Basic
Default
File Input
With Button
With Helper Text
With Label
With Left Icon
With Right Icon
With Right Text
▶
InputV2
Basic
Default
Disabled
Number Input
With Error
With Right Icon
With Right Text
▶
Insights
▶
InsightCard
Decrease
Increase
Loading
No Change
With Value Formatter
▶
InsightCardWithDataBar
Default
Exclude Zero Categories
Tooltip
Zero Data
Zero Data With Custom Color
▶
PercentageChangeBadge
All Variants
▶
ProductAttributionTable
Default
No Data
▶
SimpleBarChart
Clickable
Custom Color
Custom Formatting
Default
Empty Data
Many Data Points
Small Height
Stacked Chart
▶
StackedBarChart
Daily Usage GBP
Default
No Data
▶
StackedBarChartContainer
Default
▶
Link
Default
External
Internal
▶
ListDisplay
All Visible
Basic
Default
Limit Two
Sorted
▶
MillerColumns
Collapsible - Deep Hierarchy
Collapsible Mode
Default
Disabled Items
Empty Column
Expandable Config
Expandable Config - Collapsible
File Browser Style
Single Column
Three Column Layout
With Badges
With Column Footer
▶
Modal
Default
▶
MultiSegmentControl
Color Variants
Default
Defaults To All
With Selected Values
▶
NameValuePairRow
Default
Large
Medium
Small
▶
NotificationToggle
Accessibility Showcase
Default
Disabled
Disabled Enabled
Disabled With Tooltip
Enabled
Extra Small
Invoice Settings Example
Medium
Multiple Toggles
No Description
Size Comparison
Small
With Tooltip
▶
PageHeaderButtonContainer
Default
Multiple Buttons
Single Button
▶
PageHeading
Basic
Default
Full Example
With Badge
With Close Button
With Page Buttons
▶
Pagination
Buttons
Combined
Limit Select
▶
PaymentMethodSelector
Bank Transfer Selected
Card Selected
Dark Mode
Default
Hidden Label
Limited Methods
▶
PhaseDetailsRow
Archived
Current
Draft
Hidden Status Badge
Scheduled
▶
Pill
Color Blue
Color Green
Color Magenta
Color Neutral
Color Orange
Color Pink
Color Red
Color Teal
Default
Not Clearable
Size Md
Size Sm
Size Xs
▶
Popover
Aligned End
Aligned Start
Default
▶
Pricing
▶
PricingPicker
Basic
Fixed Filled
Graduated Percentage Filled
Graduated Percentage With Errors
Graduated Tiered Filled
Prepaid Fixed Tiered Filled
Prepaid Fixed Tiered With Errors
Read Only
Tiered Filled
Tiered Percentage Filled
Tiered With Errors
Unit Filled
Volume Percentage Filled
▶
PricingEmptyCard
Default
▶
RadioPanel
Default
▶
ReadOnlyField
Default
Different Label Widths
No Indent
Top Aligned
▶
RecordingOverlay
Animated
Animated With Actions
Default
With Right Actions
▶
RotatingMessageLoader
Default
Fast Rotation
Long Messages
Single Message
Slow Rotation
▶
ScrollArea
Default
▶
SearchableSelect
Default
▶
SectionButton
Default
Negative
Positive
Variant Default
▶
SegmentControl
All Billing Intervals
Default
Multiple
With Icons
With Icons (Multiple Options)
▶
Select
▶
Select2
▶
SelectionTiles
▶
SidebarNavigation
▶
SimpleProgressBar
▶
Table
▶
TableFilters
▶
TableLoading
▶
Tabs
▶
TagInput
▶
TextArea
▶
TiersTable
▶
Toast
▶
UnauthorizedPage
▶
VersionSelector
▶
VersionTabBar
▶
Organisms
▶
Templates
Select a story from the tree
