Docs: Add Preact code snippet for Whats a Story

storybookjs · Feb 23, 2022 · 0735efa · 0735efa
1 parent 75b8419
commit 0735efa
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git 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
@@ -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' />;
+```