You're in the Studio

Components

53 components in 8 families, each with usage guidance.

ComponentExamplesTokensIn Figma
Foundations
Icon4 examples5 tokensYes
VisuallyHidden2 examples1 tokenAuto layout
Actions
Button12 examples52 tokensYes
ButtonGroup3 examples2 tokensAuto layout
IconButton4 examples53 tokensYes
Forms
Checkbox6 examples32 tokensYes
CheckboxGroup4 examples19 tokensYes
ChoiceCard7 examples53 tokensYes
Combobox9 examples51 tokensYes
Field5 examples16 tokensYes
Form3 examples23 tokensYes
Input6 examples26 tokensYes
NumberField4 examples26 tokensYes
RadioGroup4 examples39 tokensYes
SegmentedControl10 examples30 tokensYes
Select7 examples43 tokensYes
Slider4 examples22 tokensYes
Switch5 examples31 tokensYes
Textarea7 examples29 tokensYes
Feedback
Alert7 examples27 tokensYes
Banner7 examples21 tokensYes
EmptyState3 examples30 tokensYes
Progress4 examples24 tokensYes
Skeleton4 examples9 tokensYes
Spinner2 examples6 tokensYes
Toast3 examples31 tokensDrafted
Overlays
AlertDialog4 examples34 tokensYes
Dialog4 examples34 tokensYes
Drawer5 examples39 tokensYes
Menu5 examples34 tokensYes
Popover3 examples21 tokensYes
Tooltip3 examples17 tokensYes
Navigation
Breadcrumb4 examples17 tokensYes
Pagination4 examples20 tokensYes
SidebarNav2 examples31 tokensYes
Tabs4 examples36 tokensYes
Data display
Accordion4 examples26 tokensYes
Avatar7 examples24 tokensYes
Badge4 examples42 tokensYes
Card3 examples26 tokensYes
Checklist5 examples27 tokensYes
CodeBlock10 examples23 tokensYes
Divider3 examples11 tokensYes
Kbd3 examples16 tokensYes
Table6 examples36 tokensYes
Tag5 examples28 tokensYes
TokenValue9 examples18 tokensYes
Layout
Container2 examples7 tokensAuto layout
Grid2 examples1 tokenAuto layout
Inline2 examples1 tokenAuto layout
PageHeader4 examples29 tokensYes
Stack2 examples1 tokenAuto layout