Skip to main content
Logo USWDS + Tailwind

Tag

A tag draws attention to new or categorized content elements.

Examples

Default

Breakpoints

Mobile

320px

Mobile Lg

480px

Tablet

640px

Desktop

1024px
Info
Twig 
<span class="bg-gray-60 text-white rounded-sm py-px px-2 uppercase">Info</span>

Large

Breakpoints

Mobile

320px

Mobile Lg

480px

Tablet

640px

Desktop

1024px
Big
Twig 
<span class="bg-gray-60 text-white rounded-sm py-px px-2 uppercase text-lg">Big</span>