Checkbox stable
The custom checkbox and it's states.
Example
<v-checkbox id="checkbox1" label="Check me" v-model="checked" />
1
Props
| Name | Type | Description | Default | Required |
|---|---|---|---|---|
| id | [String, Number] | Unique identifier | false | |
| Name | String | Name of input element | false | |
| label | [String, Number] | Label text | false | |
| value, v-model | any | The model that the checkbox value syncs to. If you are not using v-model, you should listen for the input event and update value. | true | |
| checked | Boolean | Whether or not the checkbox is checked by default. | false | false |
| trueValue | any | The value that will be written to the model when the checkbox is checked | true | false |
| falseValue | any | The value that will be written to the model when the checkbox is unchecked | false | false |
| tabindex | [Number, String] | The checkbox input tabindex | None | false |
| submittedValue | any | The value that will be submitted for the checkbox when it is checked. Applied as the value attribute of the checkbox input element. | 'on' | false |
| disabled | Boolean | Whether or not the checkbox is disabled | false | false |
Events
| Name | Params | Description |
|---|---|---|
| @focus | event | Emitted when the checkbox is focused |
| @blur | event | Emitted when the checkbox loses focus |
| @input | event | Emitted when the checkbox value is changed. The handler is called with the new value |
| @change | event | Emitted when a change in the checkbox value is committed. The handler is called with the new value |
Methods
| Name | Description |
|---|---|
| focus() | Call this method to programmatically focus the checkbox |
← Button Checkbox Group →