Tag · Solid Design System

Variants

Tags label status and categories. They are pills, 24px tall, and always carry a word, never just a color.

DraftNewConnectedAI

<span class="sd-tag sd-tag--gray">Draft</span>
<span class="sd-tag sd-tag--info">New</span>
<span class="sd-tag sd-tag--success">Connected</span>
<span class="sd-tag sd-tag--ai">AI</span>

Published

Short words that name the state.

Click here to publish this article

Don’t

Don’t use a tag as a button or for sentences.