Tags
Tags are used to categorize content. The tags look like pills, but unlike pills, they are not used as controls. Tags can link to a page that displays all content with that tag.
Design tokens
| Token | Description |
|---|---|
--cn-tag-color | --color-secondary |
Demo
Tag 1 Tag 2
<a href="#" class="cn-tag">Tag 1</a>
<span class="cn-tag">Tag 2</span>Comparision with pills
Tag: Tag 1
Pill: