summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/components/LabelledBlock.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/lib/components/LabelledBlock.svelte')
-rw-r--r--frontend/src/lib/components/LabelledBlock.svelte18
1 files changed, 18 insertions, 0 deletions
diff --git a/frontend/src/lib/components/LabelledBlock.svelte b/frontend/src/lib/components/LabelledBlock.svelte
new file mode 100644
index 0000000..feb563e
--- /dev/null
+++ b/frontend/src/lib/components/LabelledBlock.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+ import { idFromLabel } from '$lib/Utils';
+
+ export let label: string;
+
+ const id = idFromLabel(label);
+</script>
+
+<div class="flex flex-col">
+ <div class="flex">
+ <label for={id}>{label}</label>
+ {#if $$slots.controls}
+ <div class="grow" />
+ <slot name="controls" />
+ {/if}
+ </div>
+ <slot {id} />
+</div>