From d1d654ebac2d51e3841675faeb56480e440f622f Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Tue, 5 Mar 2024 18:08:09 +0100
Subject: Initial commit

---
 frontend/src/lib/components/LabelledBlock.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 frontend/src/lib/components/LabelledBlock.svelte

(limited to 'frontend/src/lib/components/LabelledBlock.svelte')

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>
-- 
cgit v1.2.3-2-gb3c3