Button

A versatile button component with multiple variants and sizes, including Polkadot accent styling.

Examples

Variants

Sizes

With Icon

Props

PropTypeDefaultDescription
variant"default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "accent""default"Visual style of the button
size"default" | "sm" | "lg" | "xl" | "icon""default"Size of the button
asChildbooleanfalseMerge props onto child element instead of rendering a button