@salesforce/design-system-react/module/components/input/__docs__/search/storybook-stories.js

Salesforce Lightning Design System for React

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import IconSettings from '../../../icon-settings';
import { SEARCH } from '../../../../utilities/constants';
import Search from '../../search';
storiesOf(SEARCH, module).addDecorator(function (getStory) {
  return (
    /*#__PURE__*/
    React.createElement("div", {
      className: "slds-p-around_medium"
    },
    /*#__PURE__*/
    React.createElement(IconSettings, {
      iconPath: "/assets/icons"
    }, getStory()))
  );
}).add('Standard', function () {
  return (
    /*#__PURE__*/
    React.createElement(Search, {
      assistiveText: {
        label: 'Search'
      },
      id: "search-standard",
      placeholder: "Search",
      name: "search-input",
      onChange: action('change'),
      onSearch: action('search')
    })
  );
});
//# sourceMappingURL=storybook-stories.js.map