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