From 72a0a3d4f9f567c03c11aa50c7fda132b679aee3 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Wed, 28 Sep 2022 23:19:04 +0800
Subject: feat: Add checkbox component

---
 apps/kit/src/lib/components/checkbox.svelte | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 apps/kit/src/lib/components/checkbox.svelte

(limited to 'apps/kit/src/lib/components/checkbox.svelte')

diff --git a/apps/kit/src/lib/components/checkbox.svelte b/apps/kit/src/lib/components/checkbox.svelte
new file mode 100644
index 0000000..bb22215
--- /dev/null
+++ b/apps/kit/src/lib/components/checkbox.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+    import { random_string } from "$lib/helpers";
+
+    export let label: string;
+    export let id: string | undefined = "input__" + random_string(4);
+    export let name: string | undefined = undefined;
+    export let disabled: boolean | null = null;
+</script>
+
+<div class="flex items-center">
+    <input
+        {name}
+        {disabled}
+        {id}
+        type="checkbox"
+        class="h-4 w-4 text-teal-600 focus:ring-teal-500 border-gray-300 rounded"
+    />
+    <label for={id} class="ml-2 block text-sm text-gray-900">{label}</label>
+</div>
-- 
cgit v1.3

