Reuse fields
This commit is contained in:
parent
758b4f8254
commit
7037ee6a9f
|
@ -1,6 +1,7 @@
|
||||||
<script>
|
<script>
|
||||||
import { createEventDispatcher } from "svelte"
|
import { createEventDispatcher } from "svelte"
|
||||||
import { Label, Input, Layout, Accordion } from "@budibase/bbui"
|
import { Layout, Accordion } from "@budibase/bbui"
|
||||||
|
import ConfigInput from "../ConfigInput.svelte"
|
||||||
|
|
||||||
export let value
|
export let value
|
||||||
export let name
|
export let name
|
||||||
|
@ -27,23 +28,10 @@
|
||||||
>
|
>
|
||||||
<Layout gap="S">
|
<Layout gap="S">
|
||||||
{#each value as field}
|
{#each value as field}
|
||||||
<div class="form-row">
|
<ConfigInput
|
||||||
<Label>{field.name}</Label>
|
{...field}
|
||||||
<Input
|
|
||||||
type={field.type}
|
|
||||||
on:change={e => handleChange(field.key, e.detail)}
|
on:change={e => handleChange(field.key, e.detail)}
|
||||||
value={field.value}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
{/each}
|
{/each}
|
||||||
</Layout>
|
</Layout>
|
||||||
</Accordion>
|
</Accordion>
|
||||||
|
|
||||||
<style>
|
|
||||||
.form-row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 20% 1fr;
|
|
||||||
grid-gap: var(--spacing-l);
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
Loading…
Reference in New Issue