Status and count
Badge
A small error-role indicator for numeric counts, short labels, capped values, and status dots.Badge at a glance
Badge covers compact counts and status indicators while preserving native platform semantics where they apply.
- Focused responsibilityThe component owns one clear interaction contract without absorbing application logic.
- Typed contractProps, slots, and events are documented from the current public API.
- System statesEnabled, active, focused, and disabled states stay aligned with the theme.
A quick look
A live component shows the default contract before the detailed specification.
Start with defaults
Override only the values that communicate a real product requirement.
Preserve intent
Visual configuration must not change semantics or expected interaction.