# Propiedades de Vuetify

# Introducción

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

# 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
#active-class
string
'v-item--active'

The active-class applied to children when they are activated.

#append-icon
string
undefined

Appends an icon to the component, uses the same syntax as v-icon

#background-color
string
undefined

Changes the background-color of the input

#column
boolean
true

Displays radio buttons in column

#dark
boolean
false

Applies the dark theme variant to the component. This will default the components color to white unless you’ve configured your application theme to dark or if you are using the color prop on the component. You can find more information on the Material Design documentation for dark themes.

#dense
boolean
false

Reduces the input height

#disabled
boolean
false

Disable the input

#error
boolean
false

Puts the input in a manual error state

#error-count
number | string
1

The total number of errors that should display at once

#error-messages
string | array
[]

Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation

#hide-details
boolean | string
undefined

Hides hint and validation errors. When set to auto messages will be rendered only if there’s a message (hint, error message, counter value etc) to display

#hint
string
undefined

Hint text

#id
string
undefined

Sets the DOM id on the component

#label
string
undefined

Sets input label

#light
boolean
false

Applies the light theme variant to the component.

#mandatory
boolean
false

Forces a value to always be selected (if available).

#max
number | string
undefined

Sets a maximum number of selections that can be made.

#messages
string | array
[]

Displays a list of messages or message if using a string

#multiple
boolean
false

Allow multiple selections. The value prop must be an array.

#name
string
undefined

Sets the component’s name attribute

#persistent-hint
boolean
false

Forces hint to always be visible

#prepend-icon
string
undefined

Prepends an icon to the component, uses the same syntax as v-icon

#readonly
boolean
false

Puts input in readonly state

#row
boolean
false

Displays radio buttons in row

#rules
array
[]

Accepts a mixed array of types function, boolean and string. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string

#success
boolean
false

Puts the input in a manual success state

#success-messages
string | array
[]

Puts the input in a success state and passes through custom success messages.

#tag
string
'div'

Specify a custom tag used on the root element.

#validate-on-blur
boolean
false

Delays validation until blur event

#value
any
undefined

The input’s value

#value-comparator
function
null

Apply a custom value comparator function

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