Skip to content
On this page

Tag ​

Used for marking and selection.

Basic usage ​

Use the type attribute to define Tag's type. In addition, the color attribute can be used to set the background color of the Tag.

Removable Tag ​

Setting the closable property can define whether a label can be removed. It accepts a Boolean. When a Tag is removed, a close event is triggered.

Edit Dynamically ​

You can use the close event to add and remove tag dynamically.

Sizes ​

Tag component provides three additional sizes for you to choose among different scenarios.

Use attribute size to set additional sizes with large, default or small.

Rounded ​

Tag can also be rounded like button.

Custom Colors ​

The color attribute can be used to define the color of a Tag.

Props ​

Events ​

Slots ​

MIT Licensed