## Tag Used for marking and selection. ### How to use ::: demo It's defined by the `type` attribute, which is optional. ```html Label One Label Two Label Three Label Four Label Five Label Six ``` ::: ### Removable Label :::demo Set the `closable` attribute to define a removeable tag, it can accepts a `Boolean` and you can set it with `true`. The removal of default label is accompanied by a gradient animation. If you don't want to use it, you can set the `close-transition` attribute, it accepts a `Boolean`, and will be turn off if set true. Setting the `close` event to handle the callback function after closing. ```html {{tag.name}} ``` ::: ### Attributes | Parameter | Description | Type | Options | Default | |---------- |-------------- |---------- |-------------------------------- |-------- | | type | theme | string | 'primary', 'gray', 'success', 'warning', 'danger' | — | | closable | Whether it can be closed | boolean | — | false | | close-transition | Whether gradient animation is disabled or not | boolean | — | false | | hit | Is there a border stroke| boolean | — | false | ### Events | Event | Description | Callback | |---------- |-------- |---------- | | close | The event fired when the tab is closed | — |