Tag

Compact UI to display a collection of consice information.

When to use

- When displaying a list of tags.

Examples

Tag basic Usage
default
Tag with all available kinds
primarywarningpositivenegative
Tag Custom Color example
custom
Tag with disabled state
primarywarningpositivenegative
Tag uncloseable example
Label

Overrides

Additionally, you can fully customize any part of the Tag through the overrides prop. The Tag consists of multiple sub-components that are listed bellow and you can override each one of them. To help you identify the names of these sub-components, you can highlight them through this selector:

Tag