Data
Tag
Elements
The component is composed of one tag element with a string inside.
<p class="tag tag--success">Tag</p>Tag
Properties
Add classes to the wrapper class to change the style of the component.
Color
Changes the color of the tag.
class="tag"
Default
Primary
class="tag tag--secondary"
Secondary
class="tag tag--highlight"
Highlight
class="tag tag--grey"
Grey
class="tag tag--success"
Success
class="tag tag--info"
Info
class="tag tag--warning"
Warning
class="tag tag--error"
Error
Dense
Make the tag component smaller.
class="tag tag--dense"
Dense