1 files changed, 21 insertions, 0 deletions

diff --git a/uidev/src/stories/badge.stories.tsx b/uidev/src/stories/badge.stories.tsx
new file mode 100644
index 000000000..6de2034bf
--- /dev/null
+++ b/uidev/src/stories/badge.stories.tsx
@@ -0,0 +1,21 @@
+import React from 'react';
+
+import { Badge } from '@meetfranz/ui';
+import { storiesOf } from '../stores/stories';
+
+storiesOf('Badge')
+  .add('Basic', () => (
+    <>
+      <Badge>New</Badge>
+    </>
+  ))
+  .add('Styles', () => (
+    <>
+      <Badge type="primary">Primary</Badge>
+      <Badge type="secondary">secondary</Badge>
+      <Badge type="success">success</Badge>
+      <Badge type="warning">warning</Badge>
+      <Badge type="danger">danger</Badge>
+      <Badge type="inverted">inverted</Badge>
+    </>
+  ));