Checkbox
Los checkbox se utilizan dentro de una interfaz para permitir al usuario seleccionar entre una o más opciones.
Cada checkbox es independiente de los demás dentro de una lista, es decir, que la selección de uno no afecta al resto.
Recomendaciones de uso
- Usar los checkbox para ofrecer una selección binaria, como aceptar términos y condiciones.
- Cuando se le da la posibilidad al usuario de seleccionar varias 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.
- La etiqueta de los checkbox comenzará con mayúsculas.
Estados
Dentro de los estados que caracterizan a los checkbox, seleccionado y deseleccionado, encontramos cuatro tipos de checkbox:
- Default: es el checkbox 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