---
title: Tag (Vanilla) - USWDS + Tailwind
description: Draw attention to new or categorized content with tags in several
  sizes and color styles.
---

# Tag

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

## Examples

### Default

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

### Large

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

### Vivid orange

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

### Light gray

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