Geist Design System

Button

Trigger an action or event, such as submitting a form or displaying a dialog.

Sizes

The default size is medium.

Show code Hide code

Variants

Show code Hide code

Shapes

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

Show code Hide code

Affix And Suffix

Show code Hide code

Rounded

Combination of shape="rounded" and the shadow prop, often used on marketing pages.

Show code Hide code

Loading

Show code Hide code

Disabled

Show code Hide code