diff options
author | 2019-04-10 16:12:38 +0200 | |
---|---|---|
committer | 2019-04-10 16:12:38 +0200 | |
commit | 073212bf046b9218f9e3129988b1b63fba5d685d (patch) | |
tree | b6c4c2db33f3a111a82e7801073bb5b697f9a56c /uidev | |
parent | improve contrast of workspace switching indicator (diff) | |
download | ferdium-app-073212bf046b9218f9e3129988b1b63fba5d685d.tar.gz ferdium-app-073212bf046b9218f9e3129988b1b63fba5d685d.tar.zst ferdium-app-073212bf046b9218f9e3129988b1b63fba5d685d.zip |
added generic pro badge component for settings nav
Diffstat (limited to 'uidev')
-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 | )); |