Welcome to the StepOne components documentation
StepOne Fundation
StepOne Modules
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
Semantic
Info status tag
Example of info status tag by adding .status-tag_info or .status-tag info classes.
Semantic
Semantic
Alert status tag
Example of alert status tag by adding .status-tag_alert or .status-tag alert classes.
Semantic
Semantic
Success status tag
Example of success status tag by adding .status-tag_success or .status-tag success info classes.
Semantic
Semantic
Error status tag
Example of error status tag by adding .status-tag_error or .status-tag error classes.
Semantic
Semantic