The <fb-checkbox> Component
It can be located within the <form-builder> component, then it looks for the value, by the path given in the name property, or sets one if nothing found with a value of value property. Outside form component it can be used with a v-model directive
Components
- Form Builder
- Auto Captcha
- Checkbox
- Code
- Company Slug
- Date
- Date range
- Editor
- Input
- Multi block
- Phone
- Radio Group
- Select
- Slider
- Switcher
- Textarea
- Uploader
Example
<form-builder url="/api-url">
<fb-checkbox name="agree" label="Agree with cookie policy"></fb-checkbox>
</form-builder>
Component properties
| Name | Type | Default | Description |
|---|---|---|---|
| name | String |
undefined |
Field identifier in the data object |
| value | Boolean, Number, Array |
0 |
Used internally for Vue v-model directive |
| default-value | String |
value of label prop | An HTML value attribute of checkbox (for multiple chechboxes, used in v-model) |
| id | Number |
undefined |
Sequence number within the <fb-multi-block> component |
| label | String |
'' |
Text in the <label> element |
| enter-skip | Boolean |
false |
Skip field when switching by the enter button |
| focus | Boolean |
false |
Set focus on this field when loading a page |