Docs
Components
Dark
Light
System
An adaptable button component that can render different elements.
Use the size prop to change the component size.
size
Use the variants prop to change the visual style of the component.
variants
Use the radius prop to change the component shape.
radius
Use the as prop to render a different element
as
Home
Live
variant
Type:
"subtle" | "outline" | "ghost"
Visual style of the component
Default:
"xs" | "sm" | "md" | "lg" | "xl"
Sizes of the componenet
"none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full"
Shape of the componenet
mode
"light" | "dark"
The visual mode of the component.
active
boolean
disabled
"button" | "div"
