Selected Value: "false"
<FormCheckbox
name="isChecked"
@label="Checkbox"
@checked={{this.value}}
@onChange={{this.setValue}}
/>
<p class="mt-4">Selected Value: "{{this.value}}"</p>
Element: <span class="hljs-title class_">HTMLInputElement</span>
| Name | Type | Default | Description |
|---|---|---|---|
checked
*
|
boolean
|
- |
If the checkbox is checked.
You must also pass onChange to update its value.
|
onChange
*
|
function
|
- | Callback when onchange is triggered |
containerClass
|
string
|
- | CSS classes to be added in the container element |
hint
|
string
|
- | A help text to be displayed |
label
|
string
|
- | The input field label |
name
|
string
|
- | The name of the checkbox |
size
|
enum
|
- | The size |
| Name | Type | Default | Description |
|---|---|---|---|
default
*
|
Array
|
- |