Labels & Badges

Pretify your content using labels & badges

Basic Label

Add any of the below mentioned modifier classes to change the appearance of a label.

Default Primary Success Info Warning Danger

Bordered

Add class .label-bordered to get bordered style

Default Primary Success Info Warning Danger

Rounded

Add class .label-rounded to get rounded style. Works well with bordered style.

Primary Primary

Linked

You can use this feature with <a> tag.

Primary Primary

Ghost

Add class .label-ghost to get transparent border around.

Default Primary Success Info Warning Danger

Icon Label

Use .label-icon on <span> or <a> to get icon label feature.

Bordered

Use .label-icon-bordered to get bordered style.

Rounded

Use .label-icon-rounded to get rounded style.

Linked

Use .label-icon on <a> to get linked feature.

Sizes

Available sizes: .label-icon-sm, .label-icon-lg, .label-icon-xlg.

Badges

Easily highlight new or unread items by adding a <span class="badge"> to links, Bootstrap navs, and more.

01 01 02 03 04 05

Bordered

Add class .badge-bordered to get bordered badge.

01 01 02 03 04 05

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings