Chip
El componente v-chip
se utiliza para transmitir pequeñas porciones de información. Al utilizar la prop close
, el chip se vuelve interactivo, permitiendo que el usuario interactúe con él..
API
Agrega el botón quitar
Aplica el color especificado al control.
Aplica la variante del tema dark
Deshabilita el chip, haciéndolo no-seleccionable
Quita los círculos en los extremos
Aplica la variante del tema light
Quita el fondo y aplica un color de borde y de texto
Aplica un color de selección al chip. Principalmente utilizado para resaltar texto en un v-select
Disminuye el tamaño del chip
Aplica un color especificado al texto del control
Controla la visibilidad
Ejemplos
Coloreado
Cualquier color de la paleta de Material Design puede ser utilizado para cambiar el color de un chip.
Ícono
Los chips pueden usar texto o cualquier ícono disponible en la librería de Material Icons..
Contorno
El color de contorno de los chips se hereda del color de texto actual.
Etiqueta
Las etiquetas de los chips utilizan el border-radius de v-card
.
Cerrable
Los chips cerrables pueden ser controlados con un v-model. Agrega un listener al evento input
si quieres saber cuando un chip ha sido cerrado.
Uso en selects
Los selects pueden usar chips para mostrar selecciones de datos.