From 3a9b4d6834f5b7936e9595141e7dc5bea1d7e2a8 Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Sat, 15 Mar 2025 00:18:39 +0100
Subject: [PATCH] Lib: Add optional tail element to Input component

---
 src/lib/components/form/Input.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/lib/components/form/Input.svelte b/src/lib/components/form/Input.svelte
index 00a1368..9c0fbba 100644
--- a/src/lib/components/form/Input.svelte
+++ b/src/lib/components/form/Input.svelte
@@ -13,6 +13,8 @@
 
     /** The type of the input element, e.g. "text". */
     type?: string;
+
+    tail?: Snippet;
   }
 
   let {
@@ -20,6 +22,7 @@
     labelwidth = "auto",
     value = $bindable(),
     type = "text",
+    tail = undefined,
     ...restProps
   }: InputProps = $props();
 </script>
@@ -32,4 +35,7 @@
     {@render children()}
   </div>
   <input bind:value class="!outline-none" {type} {...restProps} />
+  {#if tail}
+    {@render tail()}
+  {/if}
 </div>