Radio Button
El radiobutton es un componente interactivo que permite al usuario seleccionar una opción de un conjunto, excluyendo el resto de opciones.
Recomendaciones de uso
- Usa los radiobuttons cuando sea importante contemplar todas las opciones. En otro caso, utiliza el componente select.
- Los radibuttons nunca se pueden usar aislados, siempre formarán parte de un grupo de opciones.
- Generalmente, se apilarán de manera vertical en una columna. Si existen más de 6 opciones se podrán disponer en varias columnas, pero en este caso, se recomienda utilizar un select.
- La etiqueta de los checkbox comenzará con mayúsculas.
Estados
Dentro de los estados que caracterizan a los radiobuttons, seleccionado y deseleccionado, encontramos cuatro tipos de checkbox:
- Default: es el radiobutton habilitado.
- Inverse: se utiliza en backgrounds oscuros y siempre irá en color blanco.
- Disabled: su estado es desactivado y no se puede seleccionar ni deseleccionar.
- Error: el color rojo marca que ha ocurrido un error.
Estilo
Color
Tipografía
