Skip to main content
Version: 2.0.0

Label

Labels allow you to display highlighted text. These are available in different sizes, shapes and colors.

Basic usage

The .ms-label class allows you to set up a label.

Live Editor
Result
Loading...

To adapt your button to your content, several colors are available.

Live Editor
Result
Loading...

Close

A cross can be added via the class .ms-close, it will be positioned on the top right corner.

Live Editor
Result
Loading...

Sizes

In order to adapt the label to your content, it is possible to display them in different sizes with classes .ms-small, .ms-medium and .ms-large.

Live Editor
Result
Loading...

Light labels

Labels can also have a more discret background, using the .ms-light classe.

Live Editor
Result
Loading...

Border

Labels can get a border with the .ms-border class.

Live Editor
Result
Loading...