Component · Atomic
Badge
Etiquetas curtas pra contar estado, contagem ou categoria. Frias por padrão, ganham acento só quando precisam pulsar.
CVAsource
Import
import { Badge } from "@nimbuslab/lumina/components/badge"Variantes
Default
Secondary
Outline
Destructive
Indicadores
3
9
Notificações5
Código
TSX
Anti-padrões
- Badge com mais de 2 palavras. Se precisa, é um chip ou pill com mais peso.
- Mais de uma cor por tela. Badge é acento, não decoração.