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 activated. |
| Attribute | checked |
| Type | boolean |
| Default | false |
| Description | The color to use from your application's color palette. The default options are "primary", "success", "warning", "danger", "complete", and "dark". For more information on colors, visit Customization Basics. |
| Attribute | color |
| Type | "complete" ｜ "danger" ｜ "dark" ｜ "primary" ｜ "success" ｜ "warning" ｜ string ｜ undefined |
| Default | undefined |
| Description | If true, the checkbox element cannot be interacted with. |
| Attribute | disabled |
| Type | boolean |
| Default | false |
| Description | Defines a name attribute that is important, for example, when used in forms. |
| Attribute | name |
| Type | string |
| Default | this.inputId |
| Description | Displays a checkbox after the description. |
| Attribute | placement |
| Type | any |
| Default | `` |
| Name | Description |
|---|
change | Called when the element state changes. |
No public methods available for this component.
| Name | Description |
|---|
input | Refers to an input element of type checkbox |
checkbox | Refers to the inner div wrapping element |
| Name | Description |
|---|
--wj-checkbox-border-radius | Border radius of the checkbox |
--wj-checkbox-color-base | Background of the checkbox handle |
--wj-checkbox-handle-border-radius | Background of the checkbox handle when checked |
--wj-checkbox-handle-color | Border radius of the checkbox handle |
--wj-checkbox-handle-height | Box shadow of the checkbox handle |
--wj-checkbox-handle-shadow | Height of the checkbox handle |
--wj-checkbox-handle-shadow-checked | Maximum height of the checkbox handle |
--wj-checkbox-handle-width | Horizontal spacing around the checkbox handle |
--wj-checkbox-height | Transition of the checkbox handle |
--wj-checkbox-width | Width of the checkbox handle |
| Name | Description |
|---|
| `` | The default location of the element content. |