diff options
author | Stefan Malzner <stefan@adlk.io> | 2019-01-28 11:35:25 +0100 |
---|---|---|
committer | Stefan Malzner <stefan@adlk.io> | 2019-01-28 11:35:25 +0100 |
commit | 9a5b313ea12bdb9dc3e3873ca3a2639bd7483e46 (patch) | |
tree | 038dc5e0a209d06e1c15c1e3c4740d5bdda96f8a /uidev/src/stories/badge.stories.tsx | |
parent | Add href and type to button component (diff) | |
download | ferdium-app-9a5b313ea12bdb9dc3e3873ca3a2639bd7483e46.tar.gz ferdium-app-9a5b313ea12bdb9dc3e3873ca3a2639bd7483e46.tar.zst ferdium-app-9a5b313ea12bdb9dc3e3873ca3a2639bd7483e46.zip |
Update packages
Diffstat (limited to 'uidev/src/stories/badge.stories.tsx')
-rw-r--r-- | uidev/src/stories/badge.stories.tsx | 21 |
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 @@ | |||
1 | import React from 'react'; | ||
2 | |||
3 | import { Badge } from '@meetfranz/ui'; | ||
4 | import { storiesOf } from '../stores/stories'; | ||
5 | |||
6 | storiesOf('Badge') | ||
7 | .add('Basic', () => ( | ||
8 | <> | ||
9 | <Badge>New</Badge> | ||
10 | </> | ||
11 | )) | ||
12 | .add('Styles', () => ( | ||
13 | <> | ||
14 | <Badge type="primary">Primary</Badge> | ||
15 | <Badge type="secondary">secondary</Badge> | ||
16 | <Badge type="success">success</Badge> | ||
17 | <Badge type="warning">warning</Badge> | ||
18 | <Badge type="danger">danger</Badge> | ||
19 | <Badge type="inverted">inverted</Badge> | ||
20 | </> | ||
21 | )); | ||