Label

Label component is a visual component that provides certain extra information.
This component requires a color scheme in order to show the background color. This is why the examples are showed with the primary color scheme applied.

The component have different sizes available, matching the foundation sizes.

The label can also have an icon

The sale label is used to remark a price with a discount percentage or a lower price.

The label badge is used when you want to use a color scheme that has background.

Open collapsible to see label with all brand color schemes.

When used to tag a state, labels change its style to that state's look and feel.

When variant is badge:

When used to tag a collection, labels change its style to that collection's look and feel.