Checkbox
Control de checkbox
Parámetros que puedes pasar
Parámetros | Tipo de datos | Descripción |
---|---|---|
name | string | Nombre del campo a utilizar en un formulario |
value | string | Valor del campo |
id | string | ID del campo |
text | string | Texto junto a checkbox |
class_name | string | Clase contenedora (puedes pasar varias de ellas) |
input_class_name | string | Clase del campo |
text_class_name | string | Clase de la etiqueta del texto (si se ha pasado) |
checked | bool | Muestra si está verificada |
disabled | bool | Muestra si está deshabilitada |
small | bool | Muestra si es más pequeña de lo usual |
Sin verificar (por defecto)

self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'casilla de verificación',
class_name: 'checkbox-wrapper-classname',
input_class_name: 'checkbox-input-classname'
});
Verificada

self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'casilla de verificación',
checked: true
});
Deshabilitada

self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'casilla de verificación',
disabled: true
});
Deshabilitada y verificada

self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'casilla de verificación',
checked: true,
disabled: true
});
Checkbox con texto

self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'casilla de verificación',
text: '¿Te gustaría registrarte para recibir noticias?',
text_class_name: 'checkbox-text-classname'
});
Checkbox pequeña con texto

self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'casilla de verificación',
text: '¿Te gustaría registrarte para recibir noticias?',
text_class_name: 'checkbox-text-classname',
small: true
});
Updated 8 days ago