SGDS Badge Component Skill

<sgds-badge> is the standard label and status indicator element. Use it to highlight categories, states, or short descriptive text alongside other content.

Prerequisites

See sgds-components-setup for installation and framework integration (React 19+ vs React ≤18, Vue, Angular).

No CSS styling modifications — custom properties and CSS parts are not exposed on this component.

Quick Decision Guide