::: 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.
::: 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
```html
<el-tag>Tag One</el-tag>
<el-tag>Tag One</el-tag>
...
@@ -74,9 +74,9 @@ Used for marking and selection.
...
@@ -74,9 +74,9 @@ Used for marking and selection.
```
```
:::
:::
### Removable Tag
### Etiqueta removible
:::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 `disable-transitions` attribute, which accepts a `Boolean`, to `true`. `close` event triggers when Tag is removed.
:::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
```html
<el-tag
<el-tag
...
@@ -105,9 +105,9 @@ Used for marking and selection.
...
@@ -105,9 +105,9 @@ Used for marking and selection.
```
```
:::
:::
### Edit Dynamically
### Editar dinámicamente
You can use the `close` event to add and remove tag dynamically.
Puede utilizar el evento `close` para añadir y eliminar etiquetas dinámicamente.
:::demo
:::demo
```html
```html
...
@@ -184,11 +184,11 @@ You can use the `close` event to add and remove tag dynamically.
...
@@ -184,11 +184,11 @@ You can use the `close` event to add and remove tag dynamically.
```
```
:::
:::
### Sizes
### Tamaños
Besides default size, Tag component provides three additional sizes for you to choose among different scenarios.
Además del tamaño predeterminado, el componente Tag proporciona tres tamaños adicionales para que pueda elegir entre diferentes escenarios.
:::demo Use attribute `size` to set additional sizes with `medium`, `small` or`mini`.
:::demo Utilice el atributo `size` para establecer tamaños adicionales con `medium`, `small` o`mini`.
```html
```html
<el-tag>Default</el-tag>
<el-tag>Default</el-tag>
...
@@ -198,18 +198,18 @@ Besides default size, Tag component provides three additional sizes for you to c
...
@@ -198,18 +198,18 @@ Besides default size, Tag component provides three additional sizes for you to c