Tags!

Tags are small pieces of information that are used to categorize or label content. They are commonly used to help users quickly identify the content of a page.

tag

tag-soft

Borderless soft fill for status and count chips. Combine with any tone. Add tag-upper for the uppercase status-label style. .tag carries margin-bottom: .5rem by default, so inline chips add mb-0.

tag-upper

Uppercase micro labels for status chips. Combine with tag-soft and a tone.