CSS only

badge

Inline labels / counters. SCSS-only (no JS). Variants: solid · outline · soft · size sm/lg (default = medium) · shape pill/quad/circle · subtle. Colors from $ng-colors (L1/L2 tokens, override via --ng-<color>-bg).

Component info

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

Classes

.ng-badge.ng-badge-

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-padding-x--ng-badge-padding-y--ng-badge-radius