Checkbox
Parâmetros que você pode passar
| Parâmetro | Tipo de Dado | Descrição |
|---|---|---|
| name | string | Nome do input a ser usado em um formulário |
| value | string | Valor do input |
| id | string | ID do input |
| text | string | Texto ao lado da caixa de seleção (checkbox) |
| class_name | string | Classe de contêiner (você pode passar várias delas) |
| input_class_name | string | Classe do input |
| text_class_name | string | Classe do rótulo de texto (se foi passada) |
| checked | bool | Mostra se está selecionado (checked) |
| disabled | bool | Mostra se está desabilitado (disabled) |
| small | bool | Mostra se é menor que o habitual |
Desmarcado (padrão)
self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'checkbox',
class_name: 'checkbox-wrapper-classname',
input_class_name: 'checkbox-input-classname'
}); Marcado
self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'checkbox',
checked: true
});Desabilitado
self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'checkbox',
disabled: true
});Marcado e desabilitado
self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'checkbox',
checked: true,
disabled: true
});Caixa de seleção com texto
self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'checkbox',
text: 'Você gostaria de se inscrever para receber nossa newsletter?',
text_class_name: 'checkbox-text-classname'
});Caixa de seleção pequena com texto
self.render({ ref: '/tmpl/controls/checkbox.twig' }, {
name: 'checkbox',
text: 'Você gostaria de se inscrever para receber nossa newsletter?',
text_class_name: 'checkbox-text-classname',
small: true
});Updated 6 months ago
