wix-style-react/src/AutoCompleteWithLabel/docs/AutoCompleteWithLabel.demo.js

wix-style-react

import React from 'react';
import AutoCompleteWithLabel from '..';
import { StorybookComponents } from 'wix-storybook-utils/StorybookComponents';

export default () => {
  const [value, setValue] = React.useState('Carmel Lloyd');

  return (
    <StorybookComponents.Stack flexDirection="column" width="50%">
      <AutoCompleteWithLabel
        options={[
          { id: 0, value: 'Carmel Lloyd' },
          { id: 1, value: 'Gracie-May Marsden' },
          { id: 2, value: 'Keisha Decker' },
          { id: 3, value: 'Ruairidh Fitzgerald' },
          { id: 4, value: 'Sheldon Chavez' },
        ]}
        value={value}
        maxHeightPixels="300px"
        label="Site Owner"
        onChange={e => setValue(e.target.value)}
        onSelect={option => setValue(option.value)}
      />
    </StorybookComponents.Stack>
  );
};