diff options
Diffstat (limited to 'uidev/src/stories/badge.stories.tsx')
-rw-r--r-- | uidev/src/stories/badge.stories.tsx | 12 |
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 @@ | |||
1 | import React from 'react'; | 1 | import React from 'react'; |
2 | 2 | ||
3 | import { Badge } from '@meetfranz/ui'; | 3 | import { Badge, ProBadge } from '@meetfranz/ui'; |
4 | import { storiesOf } from '../stores/stories'; | 4 | import { storiesOf } from '../stores/stories'; |
5 | 5 | ||
6 | storiesOf('Badge') | 6 | storiesOf('Badge') |
@@ -18,4 +18,14 @@ storiesOf('Badge') | |||
18 | <Badge type="danger">danger</Badge> | 18 | <Badge type="danger">danger</Badge> |
19 | <Badge type="inverted">inverted</Badge> | 19 | <Badge type="inverted">inverted</Badge> |
20 | </> | 20 | </> |
21 | )) | ||
22 | .add('Pro Badge', () => ( | ||
23 | <> | ||
24 | <ProBadge /> | ||
25 | </> | ||
26 | )) | ||
27 | .add('Pro Badge inverted', () => ( | ||
28 | <> | ||
29 | <ProBadge inverted /> | ||
30 | </> | ||
21 | )); | 31 | )); |