## Tag Used for marking and selection. ### Basic usage ::: demo 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. ```html Tag One Tag Two Tag Three Tag Four Tag Five Tag Six ``` ::: ### Removable Tag :::demo `closable` attribute can be used to define a removable tag. It accepts a `Boolean`. By default the removal of Tag has a fading animation. If you don't want to use it, you can set the `close-transition` attribute, which accepts a `Boolean`, to `true`. `close` event triggers when Tag is removed. ```html {{tag.name}} ``` ::: ### Edit Dynamically You can use the `close` event to add and remove tag dynamically. :::demo ```html {{tag}} + New Tag ``` ::: ### Attributes | Attribute | Description | Type | Accepted Values | Default | |---------- |-------------- |---------- |-------------------------------- |-------- | | type | theme | string | primary/gray/success/warning/danger | — | | closable | whether Tab can be removed | boolean | — | false | | close-transition | whether the removal animation is disabled | boolean | — | false | | hit | whether Tag has a highlighted border | boolean | — | false | | color | background color of the tag | string | — | — | ### Events | Event Name | Description | Parameters | |---------- |-------- |---------- | | close | triggers when Tab is removed | — |