@eureca/eureca-ui/src/components/Inputs/stories/select-multi.stories.js

UI component library of Eureca's user and admin apps

import React, { useState, useCallback } from 'react';
import { withKnobs } from '@storybook/addon-knobs';

import { SelectMulti } from '../';

import testData from './test-file';

export default { title: 'Material/Inputs', decorators: [withKnobs], includeStories: [] };

export function SelectMultiInput() {
  const [values, setValues] = useState([]);

  const handleChange = useCallback(value => {
    setValues(value);
  }, []);

  // console.log('Storybook Values: ', values);

  return (
    <SelectMulti
      items={testData}
      label="Itens"
      data={values}
      onChange={handleChange}
      subItem="courseSet"
      helperText="Helper Text"
      error={false}
    />
  );
}