summaryrefslogtreecommitdiff
path: root/ui/lib/components/Toggle.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'ui/lib/components/Toggle.svelte')
-rw-r--r--ui/lib/components/Toggle.svelte11
1 files changed, 11 insertions, 0 deletions
diff --git a/ui/lib/components/Toggle.svelte b/ui/lib/components/Toggle.svelte
new file mode 100644
index 0000000..7e71b5a
--- /dev/null
+++ b/ui/lib/components/Toggle.svelte
@@ -0,0 +1,11 @@
+<script>
+ let { text, name, onclick = async () => {} } = $props();
+</script>
+
+<label>
+ <div class="toggle">
+ <input type="checkbox" name={name} onclick={onclick}/>
+ <span class="slider"></span>
+ </div>
+ { text }
+</label>