The <fb-phone> Component
This component is intended for the international telephone input. The vue-tel-input component is used within it.
It can be located within the <form-builder> component, then it requires name property, or it can be used with v-model directive. Below you can see how this component functions.
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-phone name="phone" label="Telephone"></fb-phone>
</form-builder>
@vue
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 |
| debounce | Number |
300 |
Timout before saving data to store on user input |