DocumentationDownloads and examples

Status tag

The status-tag is a style which helps to bring to the user more information about a specific event. The style also accepts an icon along with the text. The icon must be placed always before the text.

Examples

Simple status tag
Example of simple default status tag by adding .status-tag class.
Semantic
faceSemantic
Info status tag
Example of info status tag by adding .status-tag_info or .status-tag info classes.
Semantic
faceSemantic
Alert status tag
Example of alert status tag by adding .status-tag_alert or .status-tag alert classes.
Semantic
faceSemantic
Success status tag
Example of success status tag by adding .status-tag_success or .status-tag success info classes.
Semantic
faceSemantic
Error status tag
Example of error status tag by adding .status-tag_error or .status-tag error classes.
Semantic
faceSemantic