Skip to content

Design system

Getting started5

Install Usage Guidelines Contribute Release

Foundation6

Border Radius Borders Colors Form Elements Icons Shadows

Layout3

Typography6

Code Definition Heading Paragraph Section Heading Text

Navigation2

Link Link Button

Feedback13

Alert Badge Empty State Global Alert Progress Bar Progress Circle Skeleton Spinner Stats Status Indicator Tiered Progress Bar Toast Variable

Overlay8

Dialog Confirmation Dialog Drawer Full Screen Modal Filter Menu Menu Popover Tooltip

Forms26

Badge Input Button Button Group Checkbox Checkbox Group Clipboard Button Combobox Editable Description Editable Heading Editable Text File Input Form Field Icon Button Multi Select Number Input Radio Search Input Segmented Control Select Slider Slug Input Switch Tabbed Combobox Textarea Text Input Toggle Button

Other5

Avatar Code Snippet Icon Box Tabs Tab Nav

Upsells4

Upsell Button Upsell Card Upsell Heading Upsell Success Dialog

Code

Code displays text using a monospaced font.

#

#

Name	Default	Description
`children`	—	`ReactNode` Text

On this page