pdh-design-system/src/molecules/Dropdowns/Dropdowns.stories.js

PDH Design System React Components

import React from 'react';
import Dropdowns from '@molecules/Dropdowns/Dropdowns';
import { useState } from 'storybook/preview-api';

export default {
  title: 'molecules/Dropdowns/List',
  component: Dropdowns,
  argTypes: {},
};

const data = [];

for (let i = 1; i < 10; i += 1) {
  data.push({
    id: 'id-' + i,
    name: 'Item ' + i,
    href: '#',
  })
};

const Template = (args) => {
const [value, setValue] = useState(args.value);
return <Dropdowns {...args} value={value} onChange={setValue} />;
};

export const _Dropdowns = Template.bind({});
_Dropdowns.args = {
  data,
  value: '',
  multiple: false,
}