# Propiedades de Vuetify
# Introducción
A continuación se listan las propiedades nativas de Vuetify que se pueden utilizar en IrTextarea.
# 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 probadas.
name | type | default | description |
|---|---|---|---|
| #append-icon | string | undefined | Agrega un ícono al componente, usa la misma sintaxis que v-icon |
| #append-outer-icon | string | undefined | Agrega un ícono al exterior de la entrada del componente, usa la misma sintaxis quev-icon |
| #auto-grow | boolean | false | Haga crecer automáticamente el área de texto dependiendo de la cantidad de texto |
| #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 | undefined | Oculta sugerencias y errores de validación. Cuando se establece en los automensajes, se mostrarán solo si hay un mensaje (sugerencia, mensaje de error, valor de contador, etc.) para mostrar |
| #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 |
| #no-resize | boolean | false | Eliminar controlador de cambio de tamaño |
| #outlined | boolean | false | Aplica el estilo delineado a la entrada. |
| #persistent-hint | boolean | false | Fuerza 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 que v-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 |
| #row-height | number | string | 24 | Valor de altura para cada fila. Requiere el uso del accesorio de crecimiento automático . |
| #rows | number | string | 5 | Recuento de filas predeterminado |
| #rules | array | [] | Acepta una variedad mixta de function tipos boolean y string. Las funciones pasan un valor de entrada como argumento y deben devolver true / false o un string mensaje de error. El campo de entrada entrará en un estado de error si una función devuelve (o cualquier valor en la matriz contiene) false o es un string |
| #shaped | boolean | false | Redondea si outlined y aumenta border-radius si filled. Debe usarse con uno outlined o filled |
| #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 |
| #validate-on-blur | boolean | false | Retrasa la validación hasta el evento de desenfoque |
| #value | any | undefined | El valor de la entrada |