shadow
A checkbox, or also a check box, is an element that allows users to select one or more options from a set. Click on the checkbox to change its status to true or false.
When the indeterminate attribute is added, a checkbox is displayed whose default state is neutral, i.e. neither true nor false.
Adding the variant attribute with the value circle will display a checkbox in a round shape.
| 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. |