Selection controls
Los componentes selection control permiten que un usuario seleccione opciones. Estos componentes deben ser utilizados con la prop v-model porque no mantienen su propio estado.
API
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Aplica el color especificado al control.
Muestra los radio buttons en una columna
Aplica la variante del tema dark
El input está deshabilitado.
Pone el input en un estado de error manual
Components.SelectionControls.
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.
Configura la altura del componente
Components.SelectionControls.
Components.SelectionControls.
Configura la etiqueta del input.
Aplica la variante del tema light
Components.SelectionControls.
Obliga la selección de un v-radio
Components.SelectionControls.
Configura el atributo name del componente
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Components.SelectionControls.
Muestra los radio buttons en una columna
Arreglo de funciones que regresa ya sea True o un String con el mensaje de error
Components.SelectionControls.
Components.SelectionControls.
Retrasa la validación hasta el evento blur
Configura el valor de la selección en el componente
Components.SelectionControls.
Ejemplos
Checkboxes - Boolean
Checkboxes - Array
Checkboxes - States
Checkboxes - Colors
Checkboxes can be colored by using any of the builtin colors and contextual names using the color prop.
Checkboxes - Inline with a textfield
Radios - Default
Radio-groups are by default mandatory. This can be changed with the mandatory prop.
Radios - Direction
Radio-groups can be presented either as a row or a column, using their respective props. The default is as a column.
Radios - Colors
Radios can be colored by using any of the builtin colors and contextual names using the color prop.
Switches - Boolean
Switches - Array
Switches - States
Switches - Colors
Switches can be colored by using any of the builtin colors and contextual names using the color prop.
Label slot
Selection controls' labels can be defined in label slot - that will allow to use HTML content