Tag

Se utiliza para marcar y seleccionar.

Uso básico

Etiqueta removible

Editar dinámicamente

Puede utilizar el evento close para añadir y eliminar etiquetas dinámicamente.

Tamaños

Además del tamaño predeterminado, el componente Tag proporciona tres tamaños adicionales para que pueda elegir entre diferentes escenarios.

Tema

Tag proporciona tres temas diferentes: dark``light y plain

Rounded

La etiqueta también puede ser redondeada como el botón.

Checkable Tag

Sometimes because of the business needs, we might need checkbox like tag, but button like checkbox cannot meet our needs, here comes check-tag. You can use type prop in 2.5.4.

APi de las etiquetas

Tag Attributes

Nombre	Descripción	Tipo	Por defecto
type	tipo de etiqueta	`enum`	primary
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 de la etiqueta	`enum`	—
effect	tema de la etiqueta	`enum`	light
round	si la etiqueta será redondeada	`boolean`	false

Tag Events

Nombre	Descripción	Tipo
click	se dispara cuando el Tag es clic	`Function`
close	se dispara cuando el Tag es removido	`Function`

Tag Slots

Nombre	Descripción
default	personaliza el contenido por defecto

API CheckTag

CheckTag Attributes

Nombre	Descripción	Tipo	Por defecto
checked / v-model:checked	si está comprobado	`boolean`	false
disabled 2.8.2	whether the check-tag is disabled	`boolean`	false
type 2.5.4	type of CheckTag	`enum`	primary