Badge

Demonstration
New
Code

Badges in the Opportunity Standard focus attention on timely or essential content that users might otherwise miss. The markup example below uses the mark element within paragraphs, headings, and other content elements. It is most closely associated with the Tag Component in the U.S. Web Design System (USWDS) with a few key differences.


Other elements, such as the span tag, may also be used. However, the badge is never an interactive element such as a link or button. Tag Buttons may be used for this purpose instead.


Per plain language guidelines, normal case is preferred over all caps.


Further Tag guidance can be found on the USWDS site .