Badge
A status light in text form: tinted chips, optional leading dot, glow for the one badge that must be seen.
Draw
draw a card
$npx shadcn@latest add @clow/badgeFirst 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
Relay online
props
<Badge>Relay online</Badge>Examples
basic
variants
with icons
Props
| prop | type | default |
|---|---|---|
| variant | default | outline | success | warning | destructive | glow | default |
| dot | boolean | false |
| children | text | Relay online |