From ccc85b9a828488dc849758f1e89f3ba3f75967d1 Mon Sep 17 00:00:00 2001
From: Dominik Pschenitschni <mail@celement.de>
Date: Thu, 17 Nov 2022 17:20:46 +0100
Subject: [PATCH] feat: add XButton story

---
 src/components/input/Button.story.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 src/components/input/Button.story.vue

diff --git a/src/components/input/Button.story.vue b/src/components/input/Button.story.vue
new file mode 100644
index 000000000..a26c7f476
--- /dev/null
+++ b/src/components/input/Button.story.vue
@@ -0,0 +1,26 @@
+<script lang="ts" setup>
+import {logEvent} from 'histoire/client'
+import XButton from './button.vue'
+</script>
+
+<template>
+	<Story :layout="{ type: 'grid', width: '200px' }">
+		<Variant title="primary">
+			<XButton @click="logEvent('Click', $event)" variant="primary">
+				Order pizza!
+			</XButton>
+		</Variant>
+
+		<Variant title="secondary">
+			<XButton @click="logEvent('Click', $event)" variant="secondary">
+				Order spaghetti!
+			</XButton>
+		</Variant>
+
+		<Variant title="tertiary">
+			<XButton @click="logEvent('Click', $event)" variant="tertiary">
+				Order tortellini!
+			</XButton>
+		</Variant>
+	</Story>
+</template>
\ No newline at end of file