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

Atributos de la etiqueta

NombreDescripciónTipoPor defecto
typetipo de etiquetaenumprimary
closablesi el Tag puede ser removidobooleanfalse
disable-transitionssi se deshabilitan las animacionesbooleanfalse
hitsi el Tag tiene un borde resaltadobooleanfalse
colorcolor de fondo del Tagstring
sizetamaño de la etiquetaenum
effecttema de la etiquetaenumlight
roundsi la etiqueta será redondeadabooleanfalse

Etiqueta de eventos

NombreDescripciónTipo
clickse dispara cuando el Tag es clicFunction
closese dispara cuando el Tag es removidoFunction

Slots de las etiquetas

NombreDescripción
defaultpersonaliza el contenido por defecto

API CheckTag

Atributos de checkTag

NombreDescripciónTipoPor defecto
checked / v-model:checkedsi está comprobadobooleanfalse
type 2.5.4type of CheckTagenumprimary

CheckTag eventos

NombreDescripciónTipo
changese dispara cuando se hace clic en Check-tagFunction

CheckTag Slots

NombreDescripción
defaultpersonaliza el contenido por defecto

Fuente

ComponentesDocumentación

Contribuidores