Componentes
Badge
Docs de AlignUIA badge is a piece of text that is visually stylized to differentiate it as contextual metadata. It can be used to add a status, category, or other metadata to a design.
Instalación
$
npx shadcn@latest add @alignui/badge@radix-ui/react-slot
Uso
Importación
import * as Badge from '@/components/ui/badge';Badge.Root
Badge.Icon
Badge.Dot
Ejemplos oficiales (12)
badge-aschildbadge-colorsbadge-demobadge-disabledbadge-filledbadge-lightbadge-lighterbadge-sizebadge-squarebadge-strokebadge-with-dotbadge-with-icon