Overflow Button

Coming soon...

API

v-overflow-btn
Nombre
allow-overflow
Default
true
Type
boolean

Components.OverflowBtns.

Nombre
append-icon
Default
'$vuetify.icons.dropdown'
Type
string

Components.OverflowBtns.

Nombre
append-icon-cb
Default
null
Type
function

Components.OverflowBtns.

Nombre
append-outer-icon New in — v1.1
Default
undefined
Type
string

Components.OverflowBtns.

Nombre
append-outer-icon-cb New in — v1.1
Default
null
Type
function

Components.OverflowBtns.

Nombre
attach
Default
false
Type
any

Especifica de cuál elemento del DOM debe soltarse este componente. Utiliza ya sea un selector de CSS o una referencia del objeto que apunta al elemento.

Nombre
auto-select-first
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
autofocus
Default
false
Type
boolean

Habilita el autoenfoque

Nombre
background-color
Default
undefined
Type
string

Components.OverflowBtns.

Nombre
box
Default
false
Type
boolean

Aplica un estilo alternativo de box al input

Nombre
browser-autocomplete
Default
'off'
Type
string

Components.OverflowBtns.

Nombre
cache-items
Default
false
Type
boolean

Mantiene una copia local única de todos los elementos que han sido pasados a través de la prop items

Nombre
chips
Default
false
Type
boolean

Cambia el display de las selecciones a chips

Nombre
clear-icon
Default
'$vuetify.icons.clear'
Type
string

Components.OverflowBtns.

Nombre
clear-icon-cb
Default
null
Type
function

Components.OverflowBtns.

Nombre
clearable
Default
false
Type
boolean

Agrega funcionalidad de limpiar el input, el ícono default es clear de Material Icons

Nombre
color
Default
'primary'
Type
string

Aplica el color especificado al control.

Nombre
counter
Default
undefined
Type
boolean | number | string

Crea un contador para la longitud del input. Si no se especifica un número, el default es 25. No aplica ninguna validación.

Nombre
dark
Default
false
Type
boolean

Aplica la variante del tema dark

Nombre
deletable-chips
Default
false
Type
boolean

Agrega un ícono de quitar a los chips seleccionados

Nombre
dense
Default
false
Type
boolean

Reduce la altura máxima de los elementos de la lista

Nombre
disabled
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
dont-fill-mask-blanks
Default
false
Type
boolean

Deshabilita que el caracter se muestre en automático al escribir

Nombre
editable
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
error
Default
false
Type
boolean

Pone el input en un estado de error manual

Nombre
error-count
Default
1
Type
number | string

Components.OverflowBtns.

Nombre
error-messages
Default
[]
Type
string | array

Pone el input en un estado de error y pasa los mensajes de error personalizados. Se combinará con cualquier validación que ocurra desde la prop rules. Este campo no propicia ninguna validación.

Nombre
filter
Default
(item, queryText, itemText) => {}
Type
function

Components.OverflowBtns.

Nombre
flat
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
full-width
Default
false
Type
boolean

Indica el tipo del input como un full-width (ancho total)

Nombre
height
Default
undefined
Type
number | string

Configura la altura del componente

Nombre
hide-details
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
hide-no-data
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
hide-selected
Default
false
Type
boolean

No mostrar elementos en las opciones que ya hayan sido seleccionados

Nombre
hint
Default
undefined
Type
string

Components.OverflowBtns.

Nombre
item-avatar
Default
avatar
Type
string | array | function

Configura el avatar del elemento

Nombre
item-disabled
Default
disabled
Type
string | array | function

Determina si el elemento está deshabilitado

Nombre
item-text
Default
text
Type
string | array | function

Configura el texto del elemento

Nombre
item-value
Default
value
Type
string | array | function

Configura el valor del elemento

Nombre
items
Default
[]
Type
array

Puede ser un arreglo de objetos o un arreglo de strings. Cuando se usan objetos, buscará por campos text y field. Esto puede cambiarse usando las props item-text y item-value

Nombre
label
Default
undefined
Type
string

Components.OverflowBtns.

Nombre
light
Default
false
Type
boolean

Aplica la variante del tema light

Nombre
loading
Default
false
Type
boolean | string

Components.OverflowBtns.

Nombre
mask
Default
undefined
Type
object | string

Aplica un caracter personalizado como máscara del input. Ve a la tabla de máscaras arriba para mayor información

Nombre
menu-props New in — v1.2
Default
{"closeOnClick":false, "closeOnContentClick":false, "openOnClick":false, "maxHeight":300, "offsetY":true, "offsetOverflow":true, "transition":false}
Type
string | array | object

Components.OverflowBtns.

Nombre
messages
Default
[]
Type
string | array

Components.OverflowBtns.

Nombre
multiple
Default
false
Type
boolean

Cambia a múltiple. Acepta un arreglo.

Nombre
no-data-text
Default
'$vuetify.noDataText'
Type
string

El texto a mostrar cuando no hay datos.

Nombre
no-filter New in — v1.1
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
open-on-clear
Default
false
Type
boolean

Cuando se usa la prop clearable y ha sido limpiado, el menu del select se abrirá o permanecerá abierto, dependiendo del estado actual

Nombre
outline
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
persistent-hint
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
placeholder
Default
undefined
Type
string

Components.OverflowBtns.

Nombre
prefix
Default
undefined
Type
string

Muestra un texto de prefijo

Nombre
prepend-icon
Default
undefined
Type
string

Components.OverflowBtns.

Nombre
prepend-icon-cb
Default
null
Type
function

Components.OverflowBtns.

Nombre
prepend-inner-icon New in — v1.1
Default
undefined
Type
string

Components.OverflowBtns.

Nombre
prepend-inner-icon-cb New in — v1.1
Default
null
Type
function

Components.OverflowBtns.

Nombre
readonly
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
return-masked-value
Default
false
Type
boolean

Regresa la cadena que fue enmascarada sin modificar

Nombre
return-object
Default
false
Type
boolean

Cambia el comportamiento al seleccionar para que regrese un objeto directamente en lugar del valor especificado con item-value

Nombre
reverse New in — v1.1
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
rules
Default
[]
Type
array

Arreglo de funciones que regresa ya sea True o un String con el mensaje de error

Nombre
search-input
Default
undefined
Type
any

Ligado cuando se usa la prop autocomplete. Utiliza el modificador .sync para leer lo que el usuario escribe desde el input de búscada para autocompletar.

Nombre
segmented
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
single-line
Default
false
Type
boolean

La etiqueta no se mueve en los eventos focus/dirty

Nombre
small-chips New in — v1.1
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
solo
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
solo-inverted
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
success New in — v1.1
Default
false
Type
boolean

Components.OverflowBtns.

Nombre
success-messages New in — v1.1
Default
[]
Type
string | array

Components.OverflowBtns.

Nombre
suffix
Default
undefined
Type
string

Muestra un texto de sufijo

Nombre
type
Default
'text'
Type
string

Configura el tipo de input

Nombre
validate-on-blur
Default
false
Type
boolean

Retrasa la validación hasta el evento blur

Nombre
value
Default
undefined
Type
any

Controla la visibilidad

Nombre
value-comparator
Default
null
Type
function

Components.OverflowBtns.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore