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

Styleless React Components

import React from 'react';
var _createElement = React.createElement;
import { action } from '@storybook/addon-actions';
import { boolean } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Expand, { ExpandTitle, ExpandContent } from './';
export var stylableApi = "\nStylable API\n---\n- :active\n- :disable\n- ::title\n- ::content\n";

var _ref = /*#__PURE__*/_createElement(ExpandTitle, {
  id: "expandTitle"
}, "Click me!");

var _ref2 = /*#__PURE__*/_createElement(ExpandTitle, null, "Click me!");

var _ref3 = /*#__PURE__*/_createElement(ExpandTitle, null, "Click me!");

var _ref4 = /*#__PURE__*/_createElement(ExpandTitle, null, "Click me!");

export default storiesOf('Expand', module).addParameters({
  info: stylableApi
}).add('with simple content', function () {
  return _createElement(Expand, {
    style: {
      width: '12rem'
    },
    onToggle: action('toggle'),
    disabled: boolean('Disabled', false)
  }, _ref, _createElement(ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
}).add('with default active', function () {
  return _createElement(Expand, {
    style: {
      width: '12rem'
    },
    onToggle: action('toggle'),
    disabled: boolean('Disabled', false),
    defaultActive: true
  }, _ref2, _createElement(ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
}).add('with disabled state', function () {
  return _createElement(Expand, {
    style: {
      width: '12rem'
    },
    onToggle: action('toggle'),
    disabled: boolean('Disabled', true)
  }, _ref3, _createElement(ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
}).add('with active state', function () {
  return _createElement(Expand, {
    style: {
      width: '12rem'
    },
    onToggle: action('toggle'),
    disabled: boolean('Disabled', false),
    active: boolean('Active', true)
  }, _ref4, _createElement(ExpandContent, {
    style: {
      padding: '1rem',
      textAlign: 'center'
    }
  }, "Expand content."));
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0V4cGFuZC9FeHBhbmQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFQLE1BQWtCLE9BQWxCOztBQUNBLFNBQ0MsTUFERCxRQUVPLDBCQUZQO0FBR0EsU0FDQyxPQURELFFBRU8sOEJBRlA7QUFHQSxTQUNDLFNBREQsUUFFTyx1QkFGUDtBQUdBLE9BQU8sTUFBUCxJQUNDLFdBREQsRUFFQyxhQUZELFFBR08sSUFIUDtBQUtBLE9BQU8sSUFBTSxXQUFXLHlFQUFqQjs7d0JBdUJILGVBQUMsV0FBRDtBQUFhLEVBQUEsRUFBRSxFQUFDO0FBQWhCLGU7O3lCQXlCQSxlQUFDLFdBQUQsb0I7O3lCQXdCQSxlQUFDLFdBQUQsb0I7O3lCQXlCQSxlQUFDLFdBQUQsb0I7O0FBeEZKLGVBQWUsU0FBUyxDQUFDLFFBQUQsRUFBVyxNQUFYLENBQVQsQ0FDYixhQURhLENBQ0M7QUFDZCxFQUFBLElBQUksRUFBRTtBQURRLENBREQsRUFJYixHQUphLENBS2IscUJBTGEsRUFNYjtBQUFBLFNBQ0MsZUFBQyxNQUFEO0FBQ0MsSUFBQSxLQUFLLEVBQUU7QUFDTixNQUFBLEtBQUssRUFBRTtBQURELEtBRFI7QUFJQyxJQUFBLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBRCxDQUpqQjtBQUtDLElBQUEsUUFBUSxFQUFFLE9BQU8sQ0FBQyxVQUFELEVBQWEsS0FBYjtBQUxsQixXQVVDLGVBQUMsYUFBRDtBQUNDLElBQUEsS0FBSyxFQUFFO0FBQ04sTUFBQSxPQUFPLEVBQUksTUFETDtBQUVOLE1BQUEsU0FBUyxFQUFFO0FBRkw7QUFEUix1QkFWRCxDQUREO0FBQUEsQ0FOYSxFQTRCYixHQTVCYSxDQTZCYixxQkE3QmEsRUE4QmI7QUFBQSxTQUNDLGVBQUMsTUFBRDtBQUNDLElBQUEsS0FBSyxFQUFFO0FBQ04sTUFBQSxLQUFLLEVBQUU7QUFERCxLQURSO0FBSUMsSUFBQSxRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQUQsQ0FKakI7QUFLQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLEtBQWIsQ0FMbEI7QUFNQyxJQUFBLGFBQWE7QUFOZCxZQVdDLGVBQUMsYUFBRDtBQUNDLElBQUEsS0FBSyxFQUFFO0FBQ04sTUFBQSxPQUFPLEVBQUksTUFETDtBQUVOLE1BQUEsU0FBUyxFQUFFO0FBRkw7QUFEUix1QkFYRCxDQUREO0FBQUEsQ0E5QmEsRUFxRGIsR0FyRGEsQ0FzRGIscUJBdERhLEVBdURiO0FBQUEsU0FDQyxlQUFDLE1BQUQ7QUFDQyxJQUFBLEtBQUssRUFBRTtBQUNOLE1BQUEsS0FBSyxFQUFFO0FBREQsS0FEUjtBQUlDLElBQUEsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFELENBSmpCO0FBS0MsSUFBQSxRQUFRLEVBQUUsT0FBTyxDQUFDLFVBQUQsRUFBYSxJQUFiO0FBTGxCLFlBVUMsZUFBQyxhQUFEO0FBQ0MsSUFBQSxLQUFLLEVBQUU7QUFDTixNQUFBLE9BQU8sRUFBSSxNQURMO0FBRU4sTUFBQSxTQUFTLEVBQUU7QUFGTDtBQURSLHVCQVZELENBREQ7QUFBQSxDQXZEYSxFQTZFYixHQTdFYSxDQThFYixtQkE5RWEsRUErRWI7QUFBQSxTQUNDLGVBQUMsTUFBRDtBQUNDLElBQUEsS0FBSyxFQUFFO0FBQ04sTUFBQSxLQUFLLEVBQUU7QUFERCxLQURSO0FBSUMsSUFBQSxRQUFRLEVBQUUsTUFBTSxDQUFDLFFBQUQsQ0FKakI7QUFLQyxJQUFBLFFBQVEsRUFBRSxPQUFPLENBQUMsVUFBRCxFQUFhLEtBQWIsQ0FMbEI7QUFNQyxJQUFBLE1BQU0sRUFBRSxPQUFPLENBQUMsUUFBRCxFQUFXLElBQVg7QUFOaEIsWUFXQyxlQUFDLGFBQUQ7QUFDQyxJQUFBLEtBQUssRUFBRTtBQUNOLE1BQUEsT0FBTyxFQUFJLE1BREw7QUFFTixNQUFBLFNBQVMsRUFBRTtBQUZMO0FBRFIsdUJBWEQsQ0FERDtBQUFBLENBL0VhLENBQWYiLCJzb3VyY2VSb290IjoiIn0=