@flexis/ui/components/Badge/Badge.stories.es.js

Styleless React Components

import React from 'react';
var _createElement = React.createElement;
import { text, select } from '@storybook/addon-knobs/react';
import { storiesOf, buildInfo } from '../../helpers/stories';
import { PlacementValues, AlignValues } from '../common/types';
import Badge, { BadgeContainer } from './';
var _global = global,
    TestIcon = _global.TestIcon;
export var stylableApi = "\nStylable API\n---\n- BadgeContainer\n".concat(buildInfo([{
  values: PlacementValues,
  prefix: ':',
  postfix: 'placement',
  indent: 1
}, {
  values: AlignValues,
  prefix: ':',
  postfix: 'align',
  indent: 1
}]), "\n");

var _ref = /*#__PURE__*/_createElement(TestIcon, {
  width: "32px",
  height: "32px"
});

export default storiesOf('Badge', module).addParameters({
  info: stylableApi
}).add('with text', function () {
  return _createElement(Badge, null, text('Content', 'Badge'));
}).add('with container', function () {
  return _createElement(BadgeContainer, {
    placement: select('Placement', PlacementValues, 'top'),
    align: select('Align', AlignValues, 'start')
  }, _ref, _createElement(Badge, null, text('Content', 'Badge')));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBUCxNQUFrQixPQUFsQjs7QUFDQSxTQUNDLElBREQsRUFFQyxNQUZELFFBR08sOEJBSFA7QUFJQSxTQUNDLFNBREQsRUFFQyxTQUZELFFBR08sdUJBSFA7QUFJQSxTQUNDLGVBREQsRUFFQyxXQUZELFFBR08saUJBSFA7QUFJQSxPQUFPLEtBQVAsSUFDQyxjQURELFFBRU8sSUFGUDtjQU1JLE07SUFESCxRLFdBQUEsUTtBQUdELE9BQU8sSUFBTSxXQUFXLG9EQUl0QixTQUFTLENBQUMsQ0FDWDtBQUNDLEVBQUEsTUFBTSxFQUFHLGVBRFY7QUFFQyxFQUFBLE1BQU0sRUFBRyxHQUZWO0FBR0MsRUFBQSxPQUFPLEVBQUUsV0FIVjtBQUlDLEVBQUEsTUFBTSxFQUFHO0FBSlYsQ0FEVyxFQU9YO0FBQ0MsRUFBQSxNQUFNLEVBQUcsV0FEVjtBQUVDLEVBQUEsTUFBTSxFQUFHLEdBRlY7QUFHQyxFQUFBLE9BQU8sRUFBRSxPQUhWO0FBSUMsRUFBQSxNQUFNLEVBQUc7QUFKVixDQVBXLENBQUQsQ0FKYSxPQUFqQjs7d0JBdUNILGVBQUMsUUFBRDtBQUNDLEVBQUEsS0FBSyxFQUFDLE1BRFA7QUFFQyxFQUFBLE1BQU0sRUFBQztBQUZSLEU7O0FBbkJKLGVBQWUsU0FBUyxDQUFDLE9BQUQsRUFBVSxNQUFWLENBQVQsQ0FDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IsV0FMYSxFQU1iO0FBQUEsU0FDQyxlQUFDLEtBQUQsUUFDRSxJQUFJLENBQUMsU0FBRCxFQUFZLE9BQVosQ0FETixDQUREO0FBQUEsQ0FOYSxFQVliLEdBWmEsQ0FhYixnQkFiYSxFQWNiO0FBQUEsU0FDQyxlQUFDLGNBQUQ7QUFDQyxJQUFBLFNBQVMsRUFBRSxNQUFNLENBQUMsV0FBRCxFQUFjLGVBQWQsRUFBK0IsS0FBL0IsQ0FEbEI7QUFFQyxJQUFBLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBRCxFQUFVLFdBQVYsRUFBdUIsT0FBdkI7QUFGZCxXQVFDLGVBQUMsS0FBRCxRQUNFLElBQUksQ0FBQyxTQUFELEVBQVksT0FBWixDQUROLENBUkQsQ0FERDtBQUFBLENBZGEsQ0FBZiIsInNvdXJjZVJvb3QiOiIifQ==