interface QBadgeProps extends HTMLAttributes<HTMLSpanElement>
?: boolean = false?: string | number = undefinedfloating badge inside a positioned icon wrapper. Empty badges show a
dot; label adds a count. Review a notification to clear its badge, or add a request
to increase the count. Use dots when a count would crowd nearby controls.3 unread requests and one new arrival.
999+. Keep the full count in the accessible name.
Switch the report to try these boundaries.1,200 loans in this report
label or the default snippet for short text, ideally four characters or fewer.
Keep longer information alongside the badge. Badges communicate status; actions belong on their
associated buttons or links.Available on shelf B.
For an icon button, connect the badge with aria-describedby and give dots a
meaningful description. The desk example hides the badge from separate announcement while
keeping it as the button's description. A changing count can also be summarized in a nearby role="status" message.