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
Foundations
Corner rounding
Down state
Drop shadow
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
Docs
Default
Fullscreen
Skip to canvas
Fullscreen takeover
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
Page
Pagination
Picker
Picker button
Popover
Progress bar
Progress circle
Radio
Rating
Search
Side nav
Slider
Split view
Status light
Steplist
Stepper
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
Dialog
Components
Controls
9
Actions
HTML
Accessibility
Interactions
Visual tests
Design (1)
Addons
Name
Description
Default
Control
isOpen
boolean
-
False
True
Hide Component items
Component
Hide Component items
Size
*
string
-
Choose option...
Small
Medium
Large
Wrap the dialog in a modal
boolean
-
False
True
Hide Content items
Content
Hide Content items
Heading
Title for the dialog.
string
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit
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