From b4527b7fc0315fa6945009c1f431690a9fe1bb9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Jaenisch?= <andre.jaenisch@posteo.de>
Date: Wed, 14 Feb 2024 11:37:00 +0100
Subject: [PATCH] docs: write stories for DisplayName
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

I'm curious whether the layout should be part of atoms…

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
---
 stories/atoms/DisplayName.stories.ts | 29 ++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 stories/atoms/DisplayName.stories.ts

diff --git a/stories/atoms/DisplayName.stories.ts b/stories/atoms/DisplayName.stories.ts
new file mode 100644
index 0000000..779d347
--- /dev/null
+++ b/stories/atoms/DisplayName.stories.ts
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import DisplayName from '$lib/components/atoms/DisplayName.svelte';
+
+const meta = {
+	title: 'Atoms/DisplayName',
+	component: DisplayName,
+	tags: ['autodocs'],
+	argTypes: {
+		displayName: {
+			control: 'text',
+			description: 'Under which name shall the person be known?'
+		},
+		pronoun: {
+			control: 'text',
+			description: 'How shall the person be adressed?'
+		}
+	}
+} satisfies Meta<DisplayName>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Plain: Story = {
+	args: {
+		displayName: 'Jane Doe',
+		pronoun: 'she/her'
+	}
+};