Definición
Una casilla de verificación o checkbox es un control de entrada que permite a un usuario seleccionar una o más opciones de entre varias.
Son componentes de control de selección que permiten presentar una lista de opciones de las que persona usuaria puede seleccionar las que considere, ninguna, una o varias. Al igual que en el caso de los radio buttons, las opciones se disponen de manera vertical y se deben presentar en un orden lógico, procurando priorizar las opciones utilizadas con más frecuencia. También se puede utilizar para presentar una única opción que la persona usuaria debe marcar para mostrar su conformidad (p.ej. aceptar condiciones de uso).
El checkbox generalmente se muestra en grupo como lista de opciones de selección múltiple, y se utilizan en buscadores, formularios de contacto, tramitadores.
Anatomía
Las partes del componente son:
- Etiqueta: Describe el listado de opciones. Si es obligatorio rellenar el campo se incluirá un asterisco junto a la etiqueta.
- Etiqueta de opción: Describe el sentido de cada opción.
- Casilla de verificación: Se puede seleccionar más de una opción.
Tipos
Por defecto
Deshabilitado
Pautas de uso
Usa lista de opciones de selección múltiple (checkboxes) cuando se puedan seleccionar varias opciones.
Utiliza los checkboxes cuando las personas usuarias puedan necesitar seleccionar más de una opción de un grupo de elementos.
Si hay muchas opciones, usa un selector
Si la elección se realiza entre múltiples opciones (más de 6), valora utilizar un selector múltiple en lugar de la lista de opciones
Si no hay espacio suficiente y si las opciones disponibles se pueden contraer o se deben contraer por ser más de 5. En estos casos es preferible valorar el uso de un selector.
Si solo se puede seleccionar una opción, usa una lista de opciones de selección única (radio button)
Si la persona usuaria solo pueden seleccionar una opción. En este caso, deberías valorar el uso del componente radio button.
Aclara el sentido del listado de opciones
Incluye una etiqueta que sea breve, precisa y clara. Intenta utilizar dos o tres palabras como máximo, y evita partículas innecesarias.Si es obligatorio seleccionar una opción, incluye un asterisco tras la etiqueta del campo.
Componentes relacionados
Similar a:
Forma parte de:
Recursos asociados al componente
Implementación:
Storybook (solo accesible desde la RCJA)
Control de versiones
| Fecha | Versión | Notas |
|---|---|---|
| 20/03/2026 | 1.3 | Se incluyen definición y pautas de uso |