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

All Types and Sizes in comparison

Show code

Shapes

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

Show code

Prefix and suffix

Show code

Rounded

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

Show code

Loading

Show code

Disabled

Show code

Link

Use Button with href for links with the same props as Button.

Sign Up
Show code