Label

Indicate important notes and highlight parts of your content.

Table of contents

• Usage
• Style modifiers
• Customization

Usage

To create a label, just add the .z-label class to an inline element like <a> or <span> element.

<span class="z-label"></span>

Style modifiers

There are several style modifiers available. Just add one of the following classes to apply a different look.

• .z-label-danger
• .z-label-warning
• .z-label-success
• .z-label-info

Customization

You can use CSS variables to customize this component in any way you prefer.