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/Dropdown.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 frontend/src/lib/components/Dropdown.svelte

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

diff --git a/frontend/src/lib/components/Dropdown.svelte b/frontend/src/lib/components/Dropdown.svelte
new file mode 100644
index 0000000..9e935e4
--- /dev/null
+++ b/frontend/src/lib/components/Dropdown.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { clickOutside } from '$lib/Actions';
+	import { fadeFast } from '$lib/Transitions';
+	import { fade } from 'svelte/transition';
+
+	export let visible: boolean;
+	export let parent: HTMLElement;
+</script>
+
+{#if visible}
+	<div
+		class="absolute z-[1] mt-1 w-max rounded bg-slate-700 p-1 shadow-sm shadow-slate-900"
+		transition:fade={fadeFast}
+		use:clickOutside={{ handler: () => (visible = false), ignore: parent }}
+	>
+		<slot />
+	</div>
+{/if}
-- 
cgit v1.2.3-2-gb3c3

