@flexis/ui
Version:
Styleless React Components
39 lines • 2.79 kB
JavaScript
import React from 'react';
import { text, select } from '@storybook/addon-knobs/react';
import { storiesOf, buildInfo } from '../../helpers/stories';
import { PlacementValues, AlignValues } from '../common/types';
import Badge, { BadgeContainer } from './';
const { TestIcon } = global;
export const stylableApi = `
Stylable API
---
- BadgeContainer
${buildInfo([
{
values: PlacementValues,
prefix: ':',
postfix: 'placement',
indent: 1
},
{
values: AlignValues,
prefix: ':',
postfix: 'align',
indent: 1
}
])}
`;
export default storiesOf('Badge', module)
.addParameters({
info: stylableApi
})
.add('with text', () => (<Badge>
{text('Content', 'Badge')}
</Badge>))
.add('with container', () => (<BadgeContainer placement={select('Placement', PlacementValues, 'top')} align={select('Align', AlignValues, 'start')}>
<TestIcon width='32px' height='32px'/>
<Badge>
{text('Content', 'Badge')}
</Badge>
</BadgeContainer>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2Uuc3Rvcmllcy5qc3giLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CYWRnZS9CYWRnZS5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLElBQUksRUFDSixNQUFNLEVBQ04sTUFBTSw4QkFBOEIsQ0FBQztBQUN0QyxPQUFPLEVBQ04sU0FBUyxFQUNULFNBQVMsRUFDVCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFDTixlQUFlLEVBQ2YsV0FBVyxFQUNYLE1BQU0saUJBQWlCLENBQUM7QUFDekIsT0FBTyxLQUFLLEVBQUUsRUFDYixjQUFjLEVBQ2QsTUFBTSxJQUFJLENBQUM7QUFFWixNQUFNLEVBQ0wsUUFBUSxFQUNSLEdBQUcsTUFBYSxDQUFDO0FBRWxCLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRzs7OztFQUl6QixTQUFTLENBQUM7SUFDWDtRQUNDLE1BQU0sRUFBRyxlQUFlO1FBQ3hCLE1BQU0sRUFBRyxHQUFHO1FBQ1osT0FBTyxFQUFFLFdBQVc7UUFDcEIsTUFBTSxFQUFHLENBQUM7S0FDVjtJQUNEO1FBQ0MsTUFBTSxFQUFHLFdBQVc7UUFDcEIsTUFBTSxFQUFHLEdBQUc7UUFDWixPQUFPLEVBQUUsT0FBTztRQUNoQixNQUFNLEVBQUcsQ0FBQztLQUNWO0NBQ0QsQ0FBQztDQUNELENBQUM7QUFFRixlQUFlLFNBQVMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxDQUFDO0tBQ3ZDLGFBQWEsQ0FBQztJQUNkLElBQUksRUFBRSxXQUFXO0NBQ2pCLENBQUM7S0FDRCxHQUFHLENBQ0gsV0FBVyxFQUNYLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxLQUFLLENBQ0w7SUFBQSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQzFCO0dBQUEsRUFBRSxLQUFLLENBQUMsQ0FDUixDQUNEO0tBQ0EsR0FBRyxDQUNILGdCQUFnQixFQUNoQixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsY0FBYyxDQUNkLFNBQVMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsZUFBZSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQ3ZELEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBRTdDO0lBQUEsQ0FBQyxRQUFRLENBQ1IsS0FBSyxDQUFDLE1BQU0sQ0FDWixNQUFNLENBQUMsTUFBTSxFQUVkO0lBQUEsQ0FBQyxLQUFLLENBQ0w7S0FBQSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsT0FBTyxDQUFDLENBQzFCO0lBQUEsRUFBRSxLQUFLLENBQ1I7R0FBQSxFQUFFLGNBQWMsQ0FBQyxDQUNqQixDQUNELENBQUMifQ==