Close Modal Dialog
SWAN Design System
Get started
Overview
Designers
Developers
React setup
Vanilla setup
Tokens
Collaboration
New
Expansion Packs
Deprecation
Migration
Internationalization
AI-Assisted Development
Theming
New
Tools
Overview
ESLint plugin
Stylelint plugin
SWAN Overlay
Codemods
Live playground
Foundations
Overview
Accessibility
All Tokens
Color
Core Props
Page Layout
Icons
Modes
Responsive System
Space
Typography
Components
Overview
Accordion
Adaptive Carousel
Alert Box
Anchor Bar
Aspect Ratio
Avatar
Banner
Base Tile
Bounded Content
Box
Breadcrumbs
Button
Buttonbar
Callout
Card
Carousel
Deprecated
Checkbox
Collapsible
Color Swatches
Combobox
Convenience Elements
Count
Date Calendar
New
Date Picker
New
Divider
Dropdown
Empty State
Error Boundary
Fieldset
File Dropzone
File Input
File Tile
FlexBox
Fluid Image
Form
Grid
Heading (H1–H6)
Hidden
Icon Button
Left Hand Navigation
Lightbox
New
Link
List
Listbox
Menu
Modal Dialog
Page Wrappers
Pagination
Pipe Separator
Popover
Price Bar
Pricing
Progress Bar
Progressive Image
Promo Code
Radio Button
Range
Ratings Stars
Responsive Image
Search Input
Selection Set
Skeleton Text
Spinner
Square Image Container
Standard Tile
Status Message
Step Indicator
Table
Tabs
Text Area
Text Input
Thumbnails Hero
Deprecated
Time Picker
New
Toggle Switch
Typography
Uncustomizable Markup
Visible
Visually Hidden
Zoom Controls
Zoomable Image
New
Patterns
Overview
Button Placement
Destructive Actions
File Upload
Communicating System Feedback
New
Date & Time
New
Content
Overview
CTAs
Currency
Date and Time
Error States
Numbers
Phone Numbers
SWAN Design System
Search "/"
Show all code
On
Off
SWAN Design System
Get started
Overview
Designers
Developers
React setup
Vanilla setup
Tokens
Collaboration
New
Expansion Packs
Deprecation
Migration
Internationalization
AI-Assisted Development
Theming
New
Tools
Overview
ESLint plugin
Stylelint plugin
SWAN Overlay
Codemods
Live playground
Foundations
Overview
Accessibility
All Tokens
Color
Core Props
Page Layout
Icons
Modes
Responsive System
Space
Typography
Components
Overview
Accordion
Adaptive Carousel
Alert Box
Anchor Bar
Aspect Ratio
Avatar
Banner
Base Tile
Bounded Content
Box
Breadcrumbs
Button
Buttonbar
Callout
Card
Carousel
Deprecated
Checkbox
Collapsible
Color Swatches
Combobox
Convenience Elements
Count
Date Calendar
New
Date Picker
New
Divider
Dropdown
Empty State
Error Boundary
Fieldset
File Dropzone
File Input
File Tile
FlexBox
Fluid Image
Form
Grid
Heading (H1–H6)
Hidden
Icon Button
Left Hand Navigation
Lightbox
New
Link
List
Listbox
Menu
Modal Dialog
Page Wrappers
Pagination
Pipe Separator
Popover
Price Bar
Pricing
Progress Bar
Progressive Image
Promo Code
Radio Button
Range
Ratings Stars
Responsive Image
Search Input
Selection Set
Skeleton Text
Spinner
Square Image Container
Standard Tile
Status Message
Step Indicator
Table
Tabs
Text Area
Text Input
Thumbnails Hero
Deprecated
Time Picker
New
Toggle Switch
Typography
Uncustomizable Markup
Visible
Visually Hidden
Zoom Controls
Zoomable Image
New
Patterns
Overview
Button Placement
Destructive Actions
File Upload
Communicating System Feedback
New
Date & Time
New
Content
Overview
CTAs
Currency
Date and Time
Error States
Numbers
Phone Numbers