Tag

The Tag component is an interactive keyword that helps to organize and categorize objects.

Status: neg
Status: pos
Status: war
Status: neutral
Status: discovery
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag
Tag

Code

Code

<div class="backoffice-tag">Tag</div>

Details

AttributeTypeDescription
.backoffice-tag
component
Class used for the Tag component
[data-status="neutral"]
modifier
Class used for the neutral status style
[data-status="neg"]
modifier
Class used for the negative status style
[data-status="pos"]
modifier
Class used for the positive status style
[data-status="war"]
modifier
Class used for the warning status style
[data-status="discovery"]
modifier
Class used for the discovery status style