Grupo de radio

Se utiliza cuando hay que elegir entre varias opciones mutuamente excluyentes.

Cuándo usar

Similar a checkbox, Radio no desencadena la acción inmediatamente. Para hacerlo, debe hacer clic en el botón de confirmación (Guardar / Aplicar / Enviar).

El texto explicativo en la etiqueta debe responder a la pregunta "¿Cómo?" o "¿Cuál?"

Cuándo no usar

No utilice Radio para cambiar entre contenido de página o menú. Esta funcionalidad es compatible con los componentes radio-button y tab

Estructura

Contiene múltiples componentes Radio, con 1 — Elemento Radio, 2 — etiqueta explicativa.

Estructura

Radio siempre se utiliza con una etiqueta que explica su significado.

La primera opción está seleccionada por defecto.

También puede dejar los controles de alternancia sin seleccionar (cuando se eliminan todas las opciones).

Una vez que se ha seleccionado un elemento dentro de un grupo, el usuario no puede deseleccionarlo para devolver el grupo a su estado original (sin actualizar la página).

Al utilizar un componente, recomendamos que siempre seleccione la primera opción de la lista.

Tamaños

La página proporciona dos tamaños: M y L. El tamaño de los otros controles de la página determina la elección del tamaño de este componente. Si la página utiliza el tamaño L para inputs, botones y otros elementos, recomendamos usar el tamaño correspondiente para los botones de radio. El tamaño seleccionado para los controles también determina el tamaño de fuente en la página.

Tamaños

Posicionamiento

Puede utilizar este elemento tanto en diseño horizontal como vertical.

Posicionamiento

AnteriorGrupo de radio segmentado
PróximaSeleccione