blob: d7b4d55b50185c27048bf873ef56c162f9513923 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
import React from 'react';
import { Badge, ProBadge } 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>
</>
))
.add('Pro Badge', () => (
<>
<ProBadge />
</>
))
.add('Pro Badge inverted', () => (
<>
<ProBadge inverted />
</>
));
|