Badge

Una etiqueta pequeña tipo pill para estados y conteos

Componente badge para mostrar estados, categorías o conteos. Úsalo para etiquetas, rótulos o indicadores numéricos pequeños.

New

import { Badge } from "@/components/ui/badge";

export default function Example() {
  return <Badge>New</Badge>;
}

View Code

Instalación

bash

liminal add badge

Uso

New

import { Badge } from "@/components/ui/badge";

export default function Example() {
  return <Badge>New</Badge>;
}

View Code

Ejemplos

Variantes

DefaultSecondaryDestructiveOutline

<Badge variant="default">Default</Badge>
<Badge variant="secondary">Secondary</Badge>
<Badge variant="destructive">Destructive</Badge>
<Badge variant="outline">Outline</Badge>

View Code

API

Prop	Type	Default	Description
variant	"default" \| "secondary" \| "destructive" \| "outline"	"default"	Estilo visual del badge.