Clow

Button

An ink button lit by natural light. Hover lifts it, press settles it, disabled turns the light off. The ember variant is for the one CTA that matters.

Draw

draw a card
$npx shadcn@latest add @clow/button
First time? Point @clow at the registry

Once per project, add the registry to your components.json. Then draw any card by name.

"registries": {
  "@clow": "https://clow.cards/r/{name}.json"
}
Full setup →

Playground

props
<Button>Initialize</Button>

Examples

basic
variants

Props

proptypedefault
variantdefault | glow | outline | ghost | destructivedefault
sizesm | md | lg | iconmd
disabledbooleanfalse
childrentextInitialize