Badge
Etiqueta pequena em formato de pílula para status e metadados.
Demonstração
DefaultSecondaryDestructiveOutline
Props
| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
variant | 'default' | 'secondary' | 'destructive' | 'outline' | 'default' | Variante visual do badge. |
children | React.ReactNode | — | Conteúdo interno do badge. |
Uso
import { Badge } from '@ghiberti85/ui'
<Badge variant="default">Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Error</Badge>
<Badge variant="outline">Outline</Badge>