irisrad-ui/src/components/irisInput/IrisInput.stories.js

UI elements developered for IRIS R&D Group Inc

import React from "react";
import { Meta, Story, Canvas } from "@storybook/addon-docs/blocks";
import { IrisInput } from "./IrisInput"; // ui element

// export for StoryBook as a tab
export default {
  title: "Example/IrisInput", // could be represent on the url, example could be a root of the node
  component: IrisInput,
};

// const Template = (args) => <IrisInput {...args} />;
const dataList = {
  title: "Nice to see you",
  data: ["Hello", "world"],
};

const Template = (args) => <IrisInput {...args} />;
export const WithDataList = Template.bind({});

WithDataList.args = {
  dataList: dataList,
  label: "with data list",
  onChange: (e) => console.log(`e.target.value`, e.target.value),
};

export const Default = Template.bind({});
Default.args = {
  onChange: (e) => console.log(`e.target.value`, e.target.value),
  label: "name",
};
// export const Default = () => {
//   return (
//     <IrisInput onChange={(e) => console.log(e.target.value)} label="Name" />
//   );
// };