AlignUI MCP
Componentes

A 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-aschild
badge-colors
badge-demo
badge-disabled
badge-filled
badge-light
badge-lighter
badge-size
badge-square
badge-stroke
badge-with-dot
badge-with-icon