Selected Value: "false"
<FormCheckbox
name="isChecked"
@label="Checkbox"
@checked={{this.value}}
@onChange={{this.setValue}}
/>
<p class="mt-4">Selected Value: "{{this.value}}"</p>
Element: HTMLInputElement
| 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
|
- |