Actions & Navigation
Button
A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
Variants#
Sizes#
Disabled#
Icon#
Render as link#
Component props#
| Name | Type | Description |
|---|---|---|
| variant | ButtonVariant | "default" | "primary" | "outline" | "quiet" | "danger" | "zero" |
| size | ButtonSize | "xs" | "sm" | "md" | "lg" | "xl" (default: "md") |
| isDisabled | boolean | Disables the button |
| href | string | Renders the button as an anchor pointing at this URL |
| target | string | Anchor target when using href (adds rel="noreferrer" for _blank) |
| render | RenderProp | Render prop for polymorphism (e.g., render as a router link) |
| nativeButton | boolean | Overrides native button semantics for custom render functions or components |