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';