From 40f983487b992fdd186eb5c05736fd1693e9db23 Mon Sep 17 00:00:00 2001
From: fbredius-hp <frankbredius@hotmail.com>
Date: Wed, 23 Feb 2022 11:42:21 +0100
Subject: [PATCH] Docs: Add Preact code snippet for Whats a Story

---
 docs/get-started/whats-a-story.md        |  1 +
 docs/snippets/preact/button-story.js.mdx | 14 ++++++++++++++
 2 files changed, 15 insertions(+)
 create mode 100644 docs/snippets/preact/button-story.js.mdx

diff --git a/docs/get-started/whats-a-story.md b/docs/get-started/whats-a-story.md
index 71254da543f..274649bc223 100644
--- a/docs/get-started/whats-a-story.md
+++ b/docs/get-started/whats-a-story.md
@@ -27,6 +27,7 @@ Let’s start with the `Button` component. A story is a function that describes
     'web-components/button-story.js.mdx',
     'html/button-story.js.mdx',
     'html/button-story.ts.mdx',
+    'preact/button-story.js.mdx',
   ]}
 />
 
diff --git a/docs/snippets/preact/button-story.js.mdx b/docs/snippets/preact/button-story.js.mdx
new file mode 100644
index 00000000000..ffededb82f9
--- /dev/null
+++ b/docs/snippets/preact/button-story.js.mdx
@@ -0,0 +1,14 @@
+```js
+// Button.stories.js|jsx
+
+/** @jsx h */
+import { h } from 'preact';
+import { Button } from './Button';
+
+export default {
+  title: 'Button',
+  component: Button,
+}
+
+export const Primary = () => <Button primary label='Button' />;
+```
\ No newline at end of file