The <fb-switcher> Component
The input[type="range"]-based switcher 0/1. It can be located within the <form-builder> component, then it requires name property, or it can be used with v-model Vue directive. Here is how the switcher component functions as well as how it is displayed.
Components
- Form Builder
- Auto Captcha
- Checkbox
- Code
- Company Slug
- Date
- Date range
- Editor
- Input
- Multi block
- Phone
- Radio Group
- Seleсt
- Slider
- Switcher
- Textarea
- Uploader
Example
<form-builder url="/api-url">
<fb-switcher name="active" label="Active"></fb-switcher>
</form-builder>
Component properties
| Name | Type | Default | Description |
|---|---|---|---|
| name | String |
undefined |
Field identifier in the data object |
| 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 |