FoundationfoundationTokens and the default theme every component reads from.
Avatarios-avatarDisplays a user's profile picture, with initials as a fallback.
Badgeios-badgeDisplays a small label for status, category, or count.
Buttonios-buttonTriggers an action or event, such as submitting a form.
Cardios-cardA card is a container that can be used to display content in a styled way.
Collapsibleios-collapsibleDisplays content that can be expanded and collapsed.
Field Labelios-field-labelPairs a caption with a form control.
Form Fieldios-form-fieldGroups a label, control, description, and error message for a form field.
Itemios-itemDisplays a row of content, such as a list entry, notification, or settings row.
Menuios-menuDisplays a list of actions or options revealed from a button or custom trigger.
Pickerios-pickerDisplays a dropdown for selecting one value from a set of options.
Progress Viewios-progress-viewDisplays progress toward completion of a task, as a bar or a spinner.
Secure Fieldios-secure-fieldDisplays an obscured text input for passwords and other sensitive text.
Sheetios-sheetPresents content in a sheet over the current view, driven by an item binding.
Sliderios-sliderDisplays a control for selecting a value from a bounded range.
Text Editorios-text-editorDisplays a multi-line text input for long-form content.
Text Fieldios-text-fieldDisplays a single-line text input.
Text Field Groupios-text-field-groupWraps a text field in a shared box with optional leading and trailing addons.
Toggleios-toggleDisplays a switch for an on/off value.
Avatarmac-avatarDisplays a user's profile picture, with initials as a fallback.
Badgemac-badgeDisplays a small label for status, category, or count.
Buttonmac-buttonTriggers an action or event, such as submitting a form.
Cardmac-cardA card is a container that can be used to display content in a styled way.
Collapsiblemac-collapsibleDisplays content that can be expanded and collapsed.
Field Labelmac-field-labelPairs a caption with a form control.
Form Fieldmac-form-fieldGroups a label, control, description, and error message for a form field.
Itemmac-itemDisplays a row of content, such as a list entry, notification, or settings row.
Progress Viewmac-progress-viewDisplays progress toward completion of a task, as a bar or a spinner.
Secure Fieldmac-secure-fieldDisplays an obscured text input for passwords and other sensitive text.
Sheetmac-sheetPresents content in a sheet over the current view, driven by an item binding.
Slidermac-sliderDisplays a control for selecting a value from a bounded range.
Text Editormac-text-editorDisplays a multi-line text input for long-form content.
Text Fieldmac-text-fieldDisplays a single-line text input.
Text Field Groupmac-text-field-groupWraps a text field in a shared box with optional leading and trailing addons.
Togglemac-toggleDisplays a checkbox for an on/off value.
Sienna Presetpreset-siennaCream paper, burnt-earth ink, and a larger base radius.