@appearhere/bloom
Version:
Appear Here's pattern library and styleguide
24 lines (22 loc) • 616 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>
));