@appearhere/bloom
Version:
Appear Here's pattern library and styleguide
20 lines (18 loc) • 600 B
JavaScript
import React from 'react';
import { storiesOf } from '@storybook/react';
import Badge from './Badge';
storiesOf('Badge', module)
.add('Default badge', () => <Badge>Soon</Badge>)
.add('Primary badge', () => <Badge context="primary">New</Badge>)
.add('Special badge', () => <Badge context="special">Verified</Badge>)
.add('Hollow badge', () => <Badge hollow>Unknown</Badge>)
.add('Primary hollow badge', () => (
<Badge context="primary" hollow>
Place
</Badge>
))
.add('Special hollow badge', () => (
<Badge context="special" hollow>
Collection
</Badge>
));