Labels are a visual pattern used to categorize information providing quick and easy recognition.
Use labels to organize groups of items in your application. Labels have rounded borders by default.
|Small: Use the small label when the label doesn't need emphasized. Always use uppercase text for the small label.|
|Default: Use the default size to mark states. Lowercase is acceptable for this size.|
Use the simple label to identify or filter content, tag content, show status, or even to provide navigation to elements. Labels can use status colors.
Use the removeable label in filter bars, categories, etc. A removable label should always be the default size and have no status color.
You can use labels to link to link to related content in a site.
Small size metrics:
Default size metrics: