Tag

Draw attention to new or categorized content with tags in several sizes and color styles.

Examples

Default

Breakpoints

Mobile

320px

Mobile Lg

480px

Tablet

640px

Desktop

1024px

New

HTML

<span class="bg-gray-60 text-white rounded-xs py-px px-2 uppercase text-sm">New</span>

Large

Breakpoints

Mobile

320px

Mobile Lg

480px

Tablet

640px

Desktop

1024px

New

HTML

<span class="bg-gray-60 text-white rounded-xs py-px px-2 uppercase text-base">New</span>

Vivid orange

Breakpoints

Mobile

320px

Mobile Lg

480px

Tablet

640px

Desktop

1024px

New

HTML

<span class="bg-orange-50v text-white rounded-xs py-px px-2 uppercase text-sm">New</span>

Light gray

Breakpoints

Mobile

320px

Mobile Lg

480px

Tablet

640px

Desktop

1024px

Topic

HTML

<span class="bg-gray-10 text-ink rounded-xs py-px px-2 uppercase text-sm">Topic</span>