## Tag Se utiliza para marcar y seleccionar. ### Uso básico :::demo Utilice el atributo `type` para definir el tipo de etiqueta. Además, el atributo `color` se puede utilizar para establecer el color de fondo de la etiqueta. ```html Tag One Tag Two Tag Three Tag Four Tag Five ``` ::: ### Etiqueta removible :::demo el atributo `closable` puede usarse para definir una etiqueta removible. Acepta un `Boolean`. De forma predeterminada, la eliminación de la etiqueta tiene una animación que se desvanece. Si no quiere usarlo, puede configurar el atributo `disable-transitions` , que acepta `Boolean`, como `true`. Se dispara el evento `close` cuando la etiqueta es removida. ```html {{tag.name}} ``` ::: ### Editar dinámicamente Puede utilizar el evento `close` para añadir y eliminar etiquetas dinámicamente. :::demo ```html {{tag}} + New Tag ``` ::: ### Tamaños Además del tamaño predeterminado, el componente Tag proporciona tres tamaños adicionales para que pueda elegir entre diferentes escenarios. :::demo Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `small` o `mini`. ```html Default Medium Small Mini ``` ::: ### Atributos | Atributo | Descripción | Tipo | Valores aceptados | Por defecto | | ------------------- | ----------------------------------- | ------- | --------------------------- | ----------- | | type | tema | string | success/info/warning/danger | — | | closable | si el Tag puede ser removido | boolean | — | false | | disable-transitions | si se deshabilitan las animaciones | boolean | — | false | | hit | si el Tag tiene un borde resaltado | boolean | — | false | | color | color de fondo del Tag | string | — | — | | size | tamaño del Tag | string | medium / small / mini | — | ### Eventos | Nombre | Descripción | Parametros | | ------ | ------------------------------------ | ---------- | | close | se disoara cuando el Tag es removido | — |