Labels

You can highlight part of your text by placing it inside a .label class.

  1. Available variations
  2. Labels in header
  3. Icon in labels

Available variations

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

Default
Primary
Success
Info
Warning
Danger
Purple
Teal
Dark

Labels in header

You can use labels inside a heading tag. Label will changes its size based on the heading size.

Example heading New

Example heading New

Example heading New

Example heading New

Example heading New
Example heading New

Icon in labels

Labels can accompany icons as well.

a delicious coffee
Float in clouds
Danger