Label

Indicate important notes and highlight parts of your content.

Table of contents

Usage

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

  • Default
PR

Style modifiers

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

  • .uk-label-danger
  • .uk-label-warning
  • .uk-label-success
  • .uk-label-info
  • Default Danger Warning Success Info
PR

Customization

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

  • Custom
PR