## Radio Selección única entre múltiples opciones. ### Uso básico El elemento Radio no debe tener muchas opciones. De otra manera, utilice el componente Select. :::**Demo** Crear un elemento Radio es fácil, solo necesitas enlazar(`bind`) una variable a la directiva `v-model` del Radio. Va a ser igual al valor `label` del Radio seleccionado. El tipo de dato de `label` es `String`, `Number` o `Boolean`. ```html ``` ::: ### Deshabilitado El atributo `disabled` es utilizado para deshabilitar un Radio. :::**Demo** Solo necesitas agregar el atributo `disabled`. ```html ``` ::: ### Grupo de elementos Radio Recomendado para seleccionar opciones que se excluyen mutuamente. :::**Demo** Combina `el-radio-group` con `el-radio` para mostrar un grupo de Radios. Enlaza la variable con `v-model` del elemento `el-radio-group` y asigna el valor del `label` en `el-radio`. También provee el evento `change` con el valor actual como parámetro. ```html Option A Option B Option C ``` ::: ### Estilo Button Radio con estilo de botón. :::**Demo** Solo necesitas cambiar el elemento `el-radio` a `el-radio-button`. También proveemos el atributo `size`. ```html ``` ::: ### Con bordes :::**Demo** El atributo `border` agrega un borde al elemento Radios. ```html ``` ::: ### Atributos de Radio Atributo | Descripción| Tipo |Valores Aceptado| Valores por defecto ---- | ---- | ---- | ---- | ---- label | el valor del Radio | string / number / boolean | — | — disabled | si el Radio está deshabilitado| boolean | — | false border | agregar borde alrededor del elemento Radio | boolean | — | false size | tamanho del elemento Radio, solo funciona si `border` es verdadero | string | medium / small / mini | — name | atributo nativo 'name'| string | — | — ### Atributos de Radio-button Atributo | Descripción| Tipo |Valores Aceptado| Valores por defecto ---- | ---- | ---- | ---- | ---- label | el valor del Radio | string / number | — | — disabled | si el Radio está deshabilitado | boolean | — | false name | atributo nativo 'name' | string | — | — ### Atributos de Radio-group Atributo | Descripción| Tipo |Valores Aceptado| Valores por defecto ---- | ---- | ---- | ---- | ---- size | tamanho de los `radio buttons` o `bordered radios` | string | medium / small / mini | — disabled | si la anidación de radios está desahabilitada| boolean | — | false text-color | color de las letras cuando el botón está activo | string | — | #ffffff | fill | color del borde y fondo cuando el botón está activo | string | — | #409EFF | ### Eventos de Radio | Nombre de evento| Descripción| Parámetros | | --- | --- | --- | | change | se dispara cuando el valor cambia | el valor del `label` del Radio seleccionado | ### Eventos de Radio-group | Nombre de evento| Descripción| Parámetros | | --- | --- | --- | | change | se dispara cuando el valor cambia | el valor del `label` del Radio seleccionado |