Badge @ngb-bootstrap/core/badge

<ngb-badge>Component

NgbBadge

Small count or label, built on Bootstrap 6 .badge .

<ngb-badge color="success" variant="subtle">Active</ngb-badge>
NameTypeDefault
[color]
Theme colour (Bootstrap .theme-* ).
NgbThemeColor'primary'
[variant]
solid (default), subtle or outline .
NgbBadgeVariant'solid'
[size]
md (default) or lg .
NgbBadgeSize'md'

NgbBadgeSizeType

type NgbBadgeSize = 'md' | 'lg'

NgbBadgeVariantType

type NgbBadgeVariant = 'solid' | 'subtle' | 'outline'
© 2026 The ngb-bootstrap authors · Apache-2.0