ux-label

Labels are useful inline styles that can be dropped into body copy to call out certain sections or to attach metadata. For example, you can attach a label that notes when something was updated.

Read Foundation's label docs for more details.


Use Cases Manifest info classsecondary radius classDefault classalert round classsuccess classwarning class
    {{#events.uxLabel_55}}
  • {{this}}
  • {{/}}

	{
    "text": "Info",
    "class": "info"
}
    {{#events.uxLabel_56}}
  • {{this}}
  • {{/}}

	{
    "text": "Secondary Radius",
    "class": "radius secondary"
}
    {{#events.uxLabel_57}}
  • {{this}}
  • {{/}}

	{
    "text": "Default",
    "class": ""
}
    {{#events.uxLabel_58}}
  • {{this}}
  • {{/}}

	{
    "text": "Round Alert",
    "class": "alert round"
}
    {{#events.uxLabel_59}}
  • {{this}}
  • {{/}}

	{
    "text": "Success",
    "class": "success"
}
    {{#events.uxLabel_60}}
  • {{this}}
  • {{/}}

	{
    "text": "Warning",
    "class": "warning"
}

Semantic Data Model
text - The text to display on the label
class - [success warning info alert secondary] [round radius] label