Badge is a compact visual element used to display status, counts, or categorical labels in a clear and unobtrusive way. It typically appears as a small shape, such as a dot, pill, or label, paired with text or numbers, and is often attached to or positioned near other interface elements like icons or items in a list. Badges help users quickly identify important information, such as notifications, states, or classifications, enhancing scannability and providing contextual cues without disrupting the overall layout.

44%
Of the Top Systems name this component Badge.
57%
of the Top 20 Systems include this component within their system.
4 Top Design Systems
Include this component

Highlighted by: