/

foundations

Introduction Color Grid Icons Playground

components

Badge Breadcrumbs Button Calendar Capacity Combobox Description Entity Fieldset File Tree Footer Input Keyboard Input Loading Dots Menu Modal Note Pill Radio Select Show More Spinner Stack Status Dot Switch Table Tabs Text Textarea Toggle Tooltip

Breadcrumbs Calendar

Button

A control that triggers an action. Button labels should express what action will occur when the user interacts with it.

Sizes

These sizes are standardized across form components.

Code Editor

Shapes

Icon-only buttons should include the svgOnly prop and an aria-label.

Code Editor

Prefix and Suffix

Code Editor

Sizes with Prefix and Suffix

Code Editor

Alignments

Code Editor

Types

Code Editor

Variant - Shadow

Code Editor

Variant - Ghost

Code Editor

Loading

Code Editor

Disabled

Code Editor