# Propiedades de Vuetify

# Introducción

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

# Propiedades

Propiedad Tipo Default Requerido Descripción
append-icon string undefined false Agrega un ícono al componente.
background-color string undefined false Cambia el color de fondo del checkbox.
color string undefined false Determina el color del control.
dark boolean false false Aplica el tema oscuro al componente.
dense boolean false false Reduce el alto del componente.
disabled boolean false false Deshabilita el componente.
error boolean false false Muestra error en el componente.
error-count number | string 1 false Cantidad de errores que se deben mostrar de una vez.
error-messages string | array [] false Pone al componente en estado de error y muestra el o los mensajes setteados.
false-value any false false Determina el valor cuando el checkbox no está seleccionado.
hide-details boolean | string

auto

false

Oculta los hints. Si el valor es auto muestra un mensaje si es que existe alguno.

hide-spin-buttons boolean false false Oculta los botones de spin cuando el tipo es Number.
hint string undefined false Texto de hint.
id string undefined false Determina el id de componente.
indeterminate boolean false false Determina el estado indeterminado para el checkbox.
indeterminate-icon string $checkboxIndeterminate' false Ícono utilizado cuando el estado es indeterminado.
input-value any undefined false Valor vinculado al v-model
label string undefined false Determina el label.
light boolean false false Aplica el modo light.
messages string | array [] false Muestra una lista de mensajes o un único mensaje si es un string.
multiple boolean false false Cambia el modelo esperado a un array.
off-icon string '$checkboxOff' false Ícono utilizado cuando está inactivo el checkbox.
on-icon string '$checkboxOn' false Ícono utilizado cuando está activo el checkbox.
persistent-hint boolean false false Forza a que el hint siempre esté visible.
prepend-icon string undefined false Agrega un ícono al principio del componente.
readonly boolean false false Determina el estado de sólo lectura del componente.
ripple boolean | object true false Aplica la directiva v-ripple.
rules array [] false Array de reglas (funciones) que debe cumplir el input. En caso de no cumplir muestra error.
success boolean false false Determina el estado de success.
success-messages string | array [] false Mensaje o mensjaes de success.
true-value any undefined false Determina el valor cuando el checkbox está seleccionado.
validate-on-blur boolean false false Valida el input cuando de clickea fuera del mismo.
value any undefined false Valor del input.
value-comparator function null false Aplica una función personalizada para comparar el valor.
Last Updated: 4/5/2024, 4:52:19 PM