Badge
Indicadores pequeños de estado y etiquetas. Usálos para comunicar estado, categoría o metadatos de un vistazo. Construido sobre una sola prop de variante — sin configuración adicional.
Variantes de Marca
Paleta de marca principal — default (verde), secondary (arena), tertiary (naranja ladrillo), quaternary (azul intenso).
Variantes Semánticas
Comunicá el estado de un vistazo. Usá estas variantes para indicar éxito, advertencia, error e información de forma consistente en toda la app.
Todas las Variantes
Referencia rápida — cada variante disponible renderizada en paralelo.
Uso Real
Cómo aparecen los badges en contexto — junto a texto, dentro de tarjetas o como etiquetas de estado en tablas.
Contenido Personalizado
Los badges aceptan cualquier children — números, etiquetas cortas, o incluso indicadores de punto.
Variantes Ligeras con Ícono
Tonos más suaves para alertas contextuales. Ideal para notificaciones o mensajes inline que no requieren urgencia visual.
Roles de Usuario
Etiquetas de rol para identificar el tipo de usuario en la plataforma.