Checkbox

El Grupo de Checkboxes es un componente que permite al usuario seleccionar múltiples opciones dentro de un conjunto predefinido. Es ideal cuando se necesita flexibilidad para elegir varias respuestas sin restricciones, como en configuraciones o preferencias de usuario. Cada opción se puede seleccionar de forma independiente, proporcionando al usuario control total sobre su selección.

Playground

Checkbox

Checkbox

Helper Tooltip

Required

Disabled

Check

Helper Text

Readonly

Error

Tooltip para explicar disabled

Ruby

                    <%= simple_form_for 'select_test', url: '' do |f| %>
                      <%= f.input :name,
                                as: :boolean,
                                label: 'Checkbox',
                                input_html: {
                                  checked: false, 
                                }
                      %>
                    <% end %>
                  

Html

<div class="form-group boolean    ">
    <div class="form-check">
        <input value="0"  autocomplete="off" type="hidden" name="select_test[name]">
        <label class="boolean  " for="select_test_name">
            <input class="form-check-input boolean   "    aria-required="true" type="checkbox" value="1" >Checkbox
             
        </label>
        
    </div>
</div>

Lista de parámetros

Propiedad	Tipo	Detalle
wrapper_html	Array	Propiedades html para el exterior del input
label	String	Label que indica el titulo del input
required	Boolean, default: false	Indica si el input es obligatorio para continuar
disabled	Boolean, default: false	Indica si el input estará deshabilitado para su uso
hint	String	Indica el texto de ayuda en el campo de formulario
checked	Boolean, default: false	Indica si un checkbox debe iniciar seleccionado
readonly	Boolean, default: false	Indica si el input estará en modo solo lectura
input_html	Hash	Permite agregar atributos HTML personalizados a los campos de formulario en Simple Form. Puede incluir clases, títulos y otros atributos estándar. Dentro de input_html, la clave data acepta otro Hash para definir atributos data-*, como data-toggle, data-placement o cualquier otro necesario para interacciones con JavaScript o Bootstrap.
title	String	es un atributo HTML que define un mensaje emergente al pasar el cursor sobre un elemento. En Simple Form, se usa dentro de input_html para establecer el contenido del tooltip.

Anatomía

---