Tags
A tag is a static, non-actionable component that indicates an element's status, key properties, or attributes of items.
Tag
A Tag, at minimum, is made of a container and label, and it can also support a leading icon. They can hold any color of the branding to help represent different information visually to the user, and they come in 3 different sizes.
Anatomy
Sizes
Spacing
Tags aren’t Button Chips
Tags could often be confused with Button Chips, but these differences may help clarify the distinction.
Key characteristics of Tags
Key characteristics of Button Chips
Tags use case example
Last updated