Express
Light
Medium
Left to right
🇺🇸
Skip to sidebar
Skip to canvas
Search for components
⌃ K
Guides
Contributing
Deprecation workflow
Design tokens
Migration guide
Release workflow
Adobe Code of Conduct
Components
Accordion
Action bar
Action button
Action group
Action menu
Alert banner
Alert dialog
Asset
Asset card
Asset list
Avatar
Badge
Breadcrumbs
Button
Button group
Calendar
Card
Checkbox
Clear button
Close button
Coach indicator
Coach mark
Color area
Color handle
Color loupe
Color slider
Color wheel
Combobox
Contextual help
Date picker
Dial
Dialog
Divider
Drop indicator
Drop zone
Field group
Field label
Floating action button
Form
Help text
Icon
Illustrated message
In-field button
In-line alert
Link
Logic button
Menu
Meter
Miller columns
Modal
Opacity checkerboard
Pagination
Picker
Picker button
Popover
Progress bar
Progress circle
Radio
Rating
Search
Side nav
Slider
Split view
Status light
Steplist
Stepper
Docs
Default
Skip to canvas
Swatch
Swatch group
Switch
Table
Tabs
Tag
Tag group
Text area
Text field
Thumbnail
Toast
Tooltip
Tray
Tree view
Typography
Underlay
Well
Spectrum web components
Recently opened
Stepper
Components
Controls
8
Actions
HTML
Accessibility
Interactions
Visual tests
Design (1)
Addons
Name
Description
Default
Control
Hide Component items
Component
Hide Component items
Size
*
string
-
Choose option...
Small
Medium
Large
Extra-large
Hide stepper
boolean
-
False
True
Quiet styling
boolean
-
False
True
Hide State items
State
Hide State items
Disabled
boolean
-
False
True
Focused
boolean
-
False
True
Hovered
boolean
-
False
True
Invalid
boolean
-
False
True
Keyboard Focused
boolean
-
False
True
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