diff --git a/src/components/Button.mdx b/src/components/Button.mdx
new file mode 100644
index 0000000..77b2ecf
--- /dev/null
+++ b/src/components/Button.mdx
@@ -0,0 +1,30 @@
+import { Canvas, Meta, Primary, Controls, Subtitle, Story, ArgTypes, Description } from '@storybook/blocks';
+//import * as ButtonStories from './Button.stories';
+
+import * as ButtonStories from './Button.stories';
+
+# Button
+
+<Meta of={ButtonStories} />
+
+<Subtitle>Displays an image that represents a user or organization</Subtitle>
+
+A button is ...
+
+<Primary />
+
+<Canvas>
+  <Story of={ButtonStories.Default} />
+</Canvas>
+
+## Props
+
+<ArgTypes of={ButtonStories} />
+
+<Controls />
+
+## Stories
+
+### Primary
+
+A button can be of primary importance.