1
0
Fork 0
mirror of synced 2024-07-03 21:40:55 +12:00

Reuse fields

This commit is contained in:
Adria Navarro 2023-06-28 12:17:13 +01:00
parent 758b4f8254
commit 7037ee6a9f

View file

@ -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 on:change={e => handleChange(field.key, e.detail)}
type={field.type} />
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>