Badge

Easily create nice looking notification badges.

Table of contents

• Usage
• Style modifiers
• Customization

Usage

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

Style modifiers

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

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

Customization

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