Skip to content

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

Custom Color

Code Editor

Other

Code Editor