Saltar al contenido principal
NeuralUIv1.14.3Nuevo
GitHub
Componente

Badge

Etiquetas de estado compactas con 5 variantes semánticas, dot indicator y soporte outline.

TypeScript
import { NeuBadgeComponent } from '@neural-ui/core/badge';

Variantes

DefaultÉxitoInformaciónAvisoError

Contorno

DefaultÉxitoInformaciónAvisoError

Con punto de estado

InactivoEn líneaAusenteSin conexión
TypeScript
import { NeuBadgeComponent } from '@neural-ui/core/badge';

@Component({
  imports: [NeuBadgeComponent],
  template: `
    <neu-badge variant="success">Activo</neu-badge>
    <neu-badge variant="danger" [dot]="true">Offline</neu-badge>
    <neu-badge variant="warning" [outline]="true" size="sm">Aviso</neu-badge>
  `
})
export class MyComponent {}`