The <fb-multi-block> Component

It can be located only within the <form-builder> component and is visually presented as follows:

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"
    :default="{
        managers: [
            {active: true, manager: 'Manager 1'},
            {active: true, manager: 'Manager 2'},
            {active: false, manager: 'Manager 3'}
        ]
    }"
>
    <template slot-scope="fields">
        <fb-multi-block name="managers">
            <template slot-scope="block">
                <fb-checkbox name="active" label="Active" :id="block.id"></fb-checkbox>
                <fb-input
                    name="manager"
                    label="Manager name"
                    :id="block.id"
                    :disabled="! fields[`managers[${block.id}].active`]"
                ></fb-input>
            </template>
        </fb-multi-block>
    </template>
</form-builder>

@vue @endvue

Component properties