Label

Indicate important notes and highlight parts of your content.

FrankenstyleKit (aka Franken UI 3.0) is now available. Support for the current version will gradually wind down. It will continue to work, but using the latest version is recommended for new projects so you can benefit from future updates and enhancements.

Table of contents

Usage

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

  • Default

Style modifiers

Add one of the following classes for additional styles.

ClassDescription
.uk-label-primaryAdds a primary style.
.uk-label-secondaryAdds a secondary style.
.uk-label-destructiveAdds a destructive style.
  • Default Primary Secondary Destructive
Customize

Customize your Franken UI experience.