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 about 1 month ago