Labels

Add a class u-label u-label-default to make basic label. The margin spacing might be any but for the all labels examples the following margin spacing classes are used g-mr-10 and g-mb-10.

Default Labels

DefaultSuccessInfoWarningDanger

Colored Labels

PrimaryLightredDarkredBlueIndigoPurpleDarkpurplePinkOrangeDeeporangeAquaYellowCyanTealBrownBluegrayBlack

Rounded Labels

PrimaryLightredDarkredBlueIndigoPurpleDarkpurplePinkOrangeDeeporangeAquaYellowCyanTealBrownBluegrayBlack
PrimaryLightredDarkredBlueIndigoPurpleDarkpurplePinkOrangeDeeporangeAquaYellowCyanTealBrownBluegrayBlack

Label Sizes

PrimaryLightredDarkredBlueIndigoPurpleDarkpurplePinkOrangeDeeporangeAquaYellowCyanTealBrownBluegrayBlack
PrimaryLightredDarkredBlueIndigoPurpleDarkpurplePinkOrangeDeeporangeAquaYellowCyanTealBrownBluegrayBlack

Numeric Labels

1234567891011121314151617181920101102103104105106107108109111111112113114115116
1234567891011121314151617181920101102103104105106107108109111111112113114115116
1234567891011121314151617181920101102103104105106107108109111111112113114115116

Labels with Icons

At vero eos et sunt Similique atin culpa Voluptatum deleniti Eleniti boluptatun Sunt at vero et eos Nulla ipsum Dolor sit Amet vero Consectetur Adipiscing Elitut eleifend Fend nisl
At vero eos et sunt Similique atin culpa Voluptatum deleniti Eleniti boluptatun Sunt at vero et eos Nulla ipsum Dolor sit Amet vero Consectetur Adipiscing Elitut eleifend Fend nisl
At vero eos et sunt Similique atin culpa Voluptatum deleniti Eleniti boluptatun Sunt at vero et eos Nulla ipsum Dolor sit Amet vero Consectetur Adipiscing

Different Usages

#First NameUsernameStatus
1Mark@mdoExpiring
2Jacob@fatSuccess
3Larry@twitterError!
4htmlstream@htmlstreamPending

Heading 1 New

Heading 2 New

Heading 3 New

Heading 4 New

Heading 5 New
Heading 6 New

About Us

About Unify dolor sit amet, consectetur adipiscing elit. Maecenas eget nisl id libero tincidunt sodales.

Dernières actualitées