Skip to Content

Button

A button allows a user to perform an action, with mouse, touch, and keyboard interactions.

Variants

Sizes

Disabled

Icon

Component props

NameTypeDescription
variantButtonVariant"default" | "primary" | "outline" | "quiet" | "danger" | "zero"
sizeButtonSize"xs" | "sm" | "md" | "lg" | "xl" (default: "md")
isDisabledbooleanDisables the button
renderRenderPropRender prop for polymorphism (e.g., render as link)