Campo Checkbox

Campo Checkbox

El campo checkbox almacena un valor booleano activado/desactivado.

Ideal para

  • conmutadores
  • indicadores de visualización opcionales
  • conmutadores de mostrar/ocultar
  • comportamiento simple de activar/desactivar

Ejemplo de esquema

{ "name": "showBadge", "label": "Show Badge", "type": "checkbox" }

Uso en plantillas

{{#if showBadge}}
  <span class="badge">New</span>
{{/if}}

Ejemplo de modificador:

<section class="hero {{#if highlightHero}}hero-highlighted{{/if}}">
  ...
</section>

Cuándo usarlo

Utilice checkbox cuando el campo represente una única decisión simple de sí/no.

Cuándo no usarlo

No utilice checkbox para:

  • variantes con múltiples opciones
  • etiquetas de texto libre
  • elementos repetidos

Utilice select, text o repeater en su lugar.

Notas técnicas

  • Utilice checkbox únicamente para una decisión binaria.
  • Prefiera nombres explícitos como showBadge, enableForm o highlightHero.
  • Evite encadenar muchas casillas cuando el componente realmente requiere un modelo de variantes más explícito.
  • Si los autores deben elegir entre varios estados mutuamente excluyentes, utilice select.

Relacionados