diff --git a/src/lib/internal/elements/Label.svelte b/src/lib/internal/elements/Label.svelte
new file mode 100644
index 0000000..9ec2a8e
--- /dev/null
+++ b/src/lib/internal/elements/Label.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { ActionArray, useActions } from "$lib/hooks/use-actions";
+  import { get_current_component } from "svelte/internal";
+  import { forwardEventsBuilder } from "../forwardEventsBuilder";
+
+  export let use: ActionArray = [];
+  export let el: HTMLLabelElement | null = null;
+  const forwardEvents = forwardEventsBuilder(get_current_component());
+</script>
+
+<!-- svelte-ignore a11y-label-has-associated-control -->
+<label bind:this={el} use:useActions={use} use:forwardEvents {...$$restProps}>
+  <slot />
+</label>
diff --git a/src/lib/internal/elements/index.ts b/src/lib/internal/elements/index.ts
index 699d81a..57f17a2 100644
--- a/src/lib/internal/elements/index.ts
+++ b/src/lib/internal/elements/index.ts
@@ -23,6 +23,7 @@ import H5 from "./H5.svelte";
 import H6 from "./H6.svelte";
 import Header from "./Header.svelte";
 import I from "./I.svelte";
+import Label from "./Label.svelte";
 import Li from "./Li.svelte";
 import Main from "./Main.svelte";
 import Nav from "./Nav.svelte";
@@ -58,6 +59,7 @@ const components = {
   "h6": H6,
   "header": Header,
   "i": I,
+  "label": Label,
   "li": Li,
   "main": Main,
   "nav": Nav,