1 files changed, 11 insertions, 1 deletions

diff --git a/uidev/src/stories/badge.stories.tsx b/uidev/src/stories/badge.stories.tsx
index 6de2034bf..d7b4d55b5 100644
--- a/uidev/src/stories/badge.stories.tsx
+++ b/uidev/src/stories/badge.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Badge } from '@meetfranz/ui';
+import { Badge, ProBadge } from '@meetfranz/ui';
 import { storiesOf } from '../stores/stories';
 
 storiesOf('Badge')
@@ -18,4 +18,14 @@ storiesOf('Badge')
       <Badge type="danger">danger</Badge>
       <Badge type="inverted">inverted</Badge>
     </>
+  ))
+  .add('Pro Badge', () => (
+    <>
+      <ProBadge />
+    </>
+  ))
+  .add('Pro Badge inverted', () => (
+    <>
+      <ProBadge inverted />
+    </>
   ));