Badge
Compact status labels with 5 semantic variants, dot indicator and outline support.
TypeScript
import { NeuBadgeComponent } from '@neural-ui/core/badge';Variants
Outline
With status dot
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 {}`