@salesforce/design-system-react
Version:
Salesforce Lightning Design System for React
23 lines (20 loc) • 603 B
JSX
import React from 'react';
import { storiesOf, action } from '@storybook/react';
import IconSettings from '../../../icon-settings';
import { SEARCH } from '../../../../utilities/constants';
import Search from '../../search';
storiesOf(SEARCH, module)
.addDecorator((getStory) => (
<div className="slds-p-around--medium">
<IconSettings iconPath="/assets/icons">{getStory()}</IconSettings>
</div>
))
.add('Standard', () => (
<Search
assistiveText={{ label: 'Search' }}
placeholder="Search"
name="search-input"
onChange={action('change')}
onSearch={action('search')}
/>
));