label

Tags should always include a label. These can represent search terms, filters, or keywords.

hasAvatar

Tags have the option to include an avatar in addition to the label. These should be used to represent entities.

isRemovable

Tags have the option to be removable or not. Removable tags have a small close ("x") button.

isError

A tag can be marked as having an error to show that it has become invalid.

isDisabled

A tag in a disabled state shows that a tag exists, but is not available in that circumstance. This can be used to maintain layout continuity and communicate that a tag may become available later.

isReadOnly

Tags have a read-only option for when content in the disabled state still needs to be shown. This allows for content to be copied, but not interacted with or changed.