# Propiedades de Vuetify

# Introducción

A continuación se listan las propiedades nativas de Vuetify que se pueden utilizar en IrSelect.

# Propiedades

Las siguientes propiedades fueron extraidas desde Vuetify y no han sido probadas en su totalidad, las mismas serán confirmadas a medida que sean testeadas.

name
type
default
description
#append-icon
string
undefined

Agrega un ícono al componente, usa la misma sintaxis quev-icon

#append-outer-icon
string
undefined

Agrega un ícono al exterior de la entrada del componente, usa la misma sintaxis que v-icon

#autofocus
boolean
false

Habilita el enfoque automático

#background-color
string
undefined

Cambia el color de fondo de la entrada.

#clear-icon
string
'$clear'

Se aplica cuando se usa borrable y la entrada está sucia

#clearable
boolean
false

Agregar funcionalidad clara de entrada, el ícono predeterminado es Material Design Icons mdi-clear

#color
string
undefined

Aplica el color especificado al control; puede ser el nombre del color del material (por ejemplo , successo purple) o el color CSS ( #033o rgba(255, 0, 0, 0.5)). Puede encontrar una lista de clases integradas en la página de colores ..

#counter
boolean | number | string
undefined

Crea un contador para la longitud de entrada; si no se especifica ningún número, el valor predeterminado es 25. No aplica ninguna validación.

#counter-value
function
null
#dark
boolean
false

Aplica la variante de tema oscuro al componente. Esto hará que el color de los componentes sea blanco de forma predeterminada, a menos que haya configurado el tema de su aplicación en oscuro o si está utilizando el accesorio de color en el componente. Puede encontrar más información en la documentación de Material Design para temas oscuros .

#dense
boolean
false

Reduce la altura de entrada

#disabled
boolean
false

Deshabilitar la entrada

#error
boolean
false

Pone la entrada en un estado de error manual

#error-count
number | string
1

El número total de errores que deberían mostrarse a la vez

#error-messages
string | array
[]

Pone la entrada en un estado de error y pasa a través de mensajes de error personalizados. Se combinará con cualquier validación que ocurra a partir de las reglas prop. Este campo no activará la validación.

#filled
boolean
false

Aplica el estilo de entrada relleno alternativo

#flat
boolean
false

Elimina la elevación (sombra) agregada al elemento cuando se usan accesorios solo o solo invertidos

#full-width
boolean
false

Designa el tipo de entrada como de ancho completo

#height
number | string
undefined

Establece la altura de la entrada.

#hide-details
boolean | string

auto

Oculta sugerencias y errores de validación. Cuando se establece en auto, los mensajes se mostrarán solo si hay un mensaje (sugerencia, mensaje de error, valor de contador, etc.) para mostrar

#hide-spin-buttons
boolean
false

Oculta los botones giratorios en la entrada cuando el tipo se establece en number.

#hint
string
undefined

Texto de sugerencia

#id
string
undefined

Establece la identificación DOM en el componente

#label
string
undefined

Establece la etiqueta de entrada

#light
boolean
false

Aplica la variante de tema claro al componente.

#loader-height
number | string
2

Especifica la altura del cargador.

#loading
boolean | string
false

Muestra la barra de progreso lineal. Puede ser una cadena que especifica qué color se aplica a la barra de progreso (cualquier color de material o color de tema: primario , secundario , éxito , información , advertencia , error ) o un valor booleano que usa el color del componente (establecido por color prop - si es compatible con el componente) o el color primario

#messages
string | array
[]

Muestra una lista de mensajes o mensaje si se usa una cadena

#outlined
boolean
false

Aplica el estilo delineado a la entrada.

#persistent-hint
boolean
false

Forza la sugerencia de estar siempre visible

#persistent-placeholder
boolean
false

Obliga al marcador de posición a estar siempre visible

#placeholder
string
undefined

Establece el texto del marcador de posición de la entrada

#prefix
string
undefined

Muestra el texto del prefijo

#prepend-icon
string
undefined

Antepone un icono al componente, usa la misma sintaxis que v-icon

#prepend-inner-icon
string
undefined

Antepone un ícono dentro de la entrada del componente, usa la misma sintaxis quev-icon

#readonly
boolean
false

Pone la entrada en estado de solo lectura

#reverse
boolean
false

Invierte la orientación de entrada

#rounded
boolean
false

Agrega un radio de borde a la entrada

#rules
array
[]

Acepta una variedad mixta de functiontipos booleany string. Las funciones pasan un valor de entrada como argumento y deben devolver true/ falseo un stringmensaje de error. El campo de entrada entrará en un estado de error si una función devuelve (o cualquier valor en la matriz contiene) falseo es unstring

#shaped
boolean
false

Redondea si outlinedy aumenta border-radiussi filled. Debe usarse con uno outlinedofilled

#single-line
boolean
false

La etiqueta no se mueve en foco/sucia

#solo
boolean
false

Cambia el estilo de la entrada.

#solo-inverted
boolean
false

Reduce la opacidad del elemento hasta que se enfoca

#success
boolean
false

Pone la entrada en un estado de éxito manual

#success-messages
string | array
[]

Pone la entrada en un estado de éxito y pasa a través de mensajes de éxito personalizados.

#suffix
string
undefined

Muestra el texto del sufijo

#type
string
'text'

Establece el tipo de entrada

#validate-on-blur
boolean
false

Retrasa la validación hasta el evento de desenfoque

#value
any
undefined

El valor de la entrada

Last Updated: 4/5/2024, 4:52:19 PM