CSS only · 2.0.2

badge

Inline labels / counters. SCSS-only (no JS). Variants: solid · outline · soft · size xs/sm/md/lg (default = medium) · shape pill/quad/circle · subtle · lighting (LED). Colors from $ng-colors (L1/L2 tokens, override via --ng-<color>-bg). Size .sm/.lg are BUTTON-ALIGNED (same height as .ng-btn.sm / .ng-btn), matched via padding (no height token).

Component info

Name	`Badge`
Type	`css`
Version	`2.0.2`
Status	`css`
CSS	`/assets/css/components/_ng_badge.scss`

Classes

.ng-badge.ng-badge-.ng-badge-lighting.ng-btn

Tokens

--ng-badge-bg--ng-badge-border--ng-badge-border-width--ng-badge-color--ng-badge-font-size--ng-badge-font-weight--ng-badge-gap--ng-badge-icon-size--ng-badge-led-color--ng-badge-led-gap--ng-badge-led-glow--ng-badge-led-glow-size--ng-badge-led-size--ng-badge-padding-x--ng-badge-padding-y--ng-badge-radius