Filament Button

A quiet outline until you reach for it: on hover a short ember filament orbits the border like a heated wire, and on press the whole perimeter lights for an instant.

Draw

draw a card

$npx shadcn@latest add @clow/filament-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

variant

size

disabled

children

<FilamentButton>Open relay console</FilamentButton>

Examples

basic

variants

Props

prop	type	default
variant	outline \| ghost	outline
size	sm \| md \| lg	md
disabled	boolean	false
children	text	Open relay console