| accordion |
Accordion |
- |
- |
| action-bar |
Action Bar |
- |
- |
| action-button |
Action Button |
- |
- |
| action-group |
Action Group |
- |
- |
| alert-banner |
Alert Banner |
- |
- |
| alert-dialog |
Alert Dialog |
- |
- |
| avatar |
Avatar |
- |
- |
| avatar-group |
Avatar Group |
- |
- |
| badge |
Badge |
- |
- |
| bar-panel |
Bar Panel |
A cross-cutting anatomy sub-part shared by multiple components (e.g. color area, color wheel) rather than a standalone top-level component. |
- |
| body |
Body |
- |
- |
| breadcrumbs |
Breadcrumbs |
- |
- |
| button |
Button |
- |
- |
| button-group |
Button Group |
- |
- |
| calendar |
Calendar |
- |
- |
| card |
Card |
- |
- |
| card-horizontal |
Card Horizontal |
- |
- |
| checkbox |
Checkbox |
- |
- |
| checkbox-group |
Checkbox Group |
- |
- |
| close-button |
Close Button |
- |
- |
| coach-indicator |
Coach Indicator |
- |
- |
| coach-mark |
Coach Mark |
- |
- |
| code |
Code |
- |
- |
| collection-card |
Collection Card |
- |
- |
| color-area |
Color Area |
- |
- |
| color-control |
Color Control |
A cross-cutting anatomy sub-part shared by color-selection components (e.g. color slider, color wheel) rather than a standalone top-level component. |
- |
| color-handle |
Color Handle |
- |
- |
| color-loupe |
Color Loupe |
- |
- |
| color-slider |
Color Slider |
- |
- |
| color-wheel |
Color Wheel |
- |
- |
| combo-box |
Combo Box |
- |
- |
| contextual-help |
Contextual Help |
- |
- |
| date-field |
Date Field |
- |
- |
| date-picker |
Date Picker |
- |
- |
| detail |
Detail |
- |
- |
| divider |
Divider |
- |
- |
| double-calendar |
Double Calendar |
- |
- |
| drop-zone |
Drop Zone |
- |
- |
| field |
Field |
A cross-cutting anatomy sub-part shared by multiple form-adjacent components rather than a standalone top-level component. |
- |
| field-label |
Field Label |
- |
- |
| floating-action-button |
Floating Action Button |
- |
- |
| form-item |
Form Item |
- |
- |
| heading |
Heading |
- |
- |
| help-text |
Help Text |
- |
- |
| illustrated-message |
Illustrated Message |
- |
- |
| in-field-button |
In-Field Button |
A cross-cutting anatomy sub-part shared by multiple field-adjacent components rather than a standalone top-level component. |
- |
| in-field-progress-circle |
In-Field Progress Circle |
- |
- |
| in-line-alert |
In-Line Alert |
- |
- |
| link |
Link |
- |
- |
| list-view |
List View |
- |
- |
| menu |
Menu |
- |
- |
| meter |
Meter |
- |
- |
| number-field |
Number Field |
- |
- |
| opacity-checkerboard |
Opacity Checkerboard |
- |
- |
| picker |
Picker |
- |
- |
| popover |
Popover |
- |
- |
| progress-bar |
Progress Bar |
- |
- |
| progress-circle |
Progress Circle |
- |
- |
| radio-button |
Radio Button |
- |
- |
| radio-group |
Radio Group |
- |
- |
| rating |
Rating |
- |
- |
| search-field |
Search Field |
- |
- |
| segmented-control |
Segmented Control |
- |
- |
| segmented-text-field |
Segmented Text Field |
- |
- |
| select-box |
Select Box |
- |
- |
| side-navigation |
Side Navigation |
- |
- |
| single-calendar |
Single Calendar |
- |
- |
| slider |
Slider |
- |
- |
| stack-item |
Stack Item |
A cross-cutting anatomy sub-part shared by multiple stacking-layout components rather than a standalone top-level component. |
- |
| standard-dialog |
Standard Dialog |
- |
- |
| standard-panel |
Standard Panel |
- |
- |
| status-light |
Status Light |
- |
- |
| steplist |
Steplist |
- |
- |
| swatch |
Swatch |
- |
- |
| swatch-group |
Swatch Group |
- |
- |
| switch |
Switch |
- |
- |
| table |
Table |
- |
- |
| tabs |
Tabs |
- |
- |
| tag |
Tag |
- |
- |
| tag-field |
Tag Field |
- |
- |
| tag-group |
Tag Group |
- |
- |
| takeover-dialog |
Takeover Dialog |
- |
- |
| text-area |
Text Area |
- |
- |
| text-field |
Text Field |
- |
- |
| thumbnail |
Thumbnail |
- |
- |
| time-field |
Time Field |
- |
- |
| title |
Title |
- |
- |
| toast |
Toast |
- |
- |
| tooltip |
Tooltip |
- |
- |
| tray |
Tray |
- |
- |
| tree-view |
Tree View |
- |
- |
| triple-calendar |
Triple Calendar |
- |
- |
| user-card |
User Card |
- |
- |
