uidev/src/stories/badge.stories.tsx


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 />
    </>
  ));