diff --git a/platforms/metagram/src/lib/ui/Label/Label.stories.snippet.svelte b/platforms/metagram/src/lib/ui/Label/Label.stories.snippet.svelte
new file mode 100644
index 00000000..4066b5be
--- /dev/null
+++ b/platforms/metagram/src/lib/ui/Label/Label.stories.snippet.svelte
@@ -0,0 +1,7 @@
+
+
+{#snippet LabelText()}
+ this is label
+{/snippet}
diff --git a/platforms/metagram/src/lib/ui/Label/Label.stories.ts b/platforms/metagram/src/lib/ui/Label/Label.stories.ts
new file mode 100644
index 00000000..69d4f7e0
--- /dev/null
+++ b/platforms/metagram/src/lib/ui/Label/Label.stories.ts
@@ -0,0 +1,17 @@
+import type { ComponentProps } from 'svelte';
+import { Label } from '..';
+import { LabelText } from './Label.stories.snippet.svelte';
+
+export default {
+ title: 'UI/Label',
+ component: Label,
+ tags: ['autodocs'],
+ render: (args: { Component: Label; props: ComponentProps }) => ({
+ Component: Label,
+ props: args
+ })
+};
+
+export const Primary = {
+ args: { children: LabelText }
+};
diff --git a/platforms/metagram/src/lib/ui/Label/Label.svelte b/platforms/metagram/src/lib/ui/Label/Label.svelte
new file mode 100644
index 00000000..c46fd637
--- /dev/null
+++ b/platforms/metagram/src/lib/ui/Label/Label.svelte
@@ -0,0 +1,17 @@
+
+
+
diff --git a/platforms/metagram/src/lib/ui/index.ts b/platforms/metagram/src/lib/ui/index.ts
index 213c5c3b..176fa26b 100644
--- a/platforms/metagram/src/lib/ui/index.ts
+++ b/platforms/metagram/src/lib/ui/index.ts
@@ -1,4 +1,5 @@
export { default as Button } from './Button/Button.svelte';
export { default as Avatar } from './Avatar/Avatar.svelte';
export { default as Input } from './Input/Input.svelte';
+export { default as Label } from './Label/Label.svelte';
export { default as Toggle } from './Toggle/Toggle.svelte';