shadow
Checkbox, alebo tiež začiarkavacie políčko, je element, ktorý umožňuje používateľom vybrať jednu alebo viac možností z množiny. Kliknutím na checkbox zmeníte jeho stav na true
alebo false
.
Po pridaní atribútu indeterminate
sa zobrazí checkbox, ktorého predvolený stav je neutrálny, tzn. ani true
ani false
.
Pridaní atribútu variant
s hodnotou circle
zobrazíte checkbox v okrúhlom tvare.
Description | If true , the checkbox is marked. |
Attribute | checked |
Type | boolean |
Default | false |
Description | If true , the checkbox is disabled. |
Attribute | disabled |
Type | boolean |
Default | false |
Description | The value of the check box. |
Attribute | value |
Type | boolean |
Default | false |
Description | If true , the checkbox is in an indeterminate state. |
Attribute | indeterminate |
Type | boolean |
Default | false |
Description | The name of the checkbox to submit the form. |
Attribute | name |
Type | string |
Default | undefined |
Description | Checkbox colour. Can be "primary" , "complete" , "success" , "warning" , "warning" , or "info" . |
Attribute | color |
Type | "primary." | "complete" | "success" | "warning" | "danger" | "info" | string | undefined |
Default | undefined |
Description | The location of the checkbox relative to the text. Can be "end" . |
Attribute | placement |
Type | "end" | undefined |
Default | undefined |
Description | Checkbox variant. Can be "circle" . |
Attribute | Option |
Type | "circle" | undefined |
Default | undefined |
Name | Description |
---|
wje-toggle:input | Called when the status of the checkbox changes (input event). |
wje-toggle:change | Fired when the checkbox state changes (change event). |
No public methods available for this component.
Name | Description |
---|
native | Refers to the native wrapper element of the checkbox |
Name | Description |
---|
--wje-checkbox-border-radius | Radius of roundness of the corners of the check box |
--wje-checkbox-border-width | Checkbox border width |
--wje-checkbox-border-style | Checkbox border style |
--wje-checkbox-border-color | Checkbox border colour |
--wje-checkbox-margin-top | Top indentation of checkbox |
--wje-checkbox-margin-bottom | Lower indentation of the checkbox |
--wje-checkbox-margin-inline | Side offset checkbox |
--wje-checkbox-size | Checkbox size |
--wje-checkbox-checkmark | Check icon in the checkbox |
--wje-checkbox-interminate | Indeterminate checkbox status icon |
Name | Description |
---|
`` | The contents of the checkbox label. |