irisrad-ui/src/components/irisDropDownMenu/IrisDropDownMenu.stories.js

UI elements developered for IRIS R&D Group Inc

import React from "react";

import { IrisDropDownMenu } from "./IrisDropDownMenu"; // ui element

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

const Template = (args) => {
  return <IrisDropDownMenu {...args} />;
};

// define a variant of the ui component
export const Primary = Template.bind({});
// assign arguement (props) to render the ui component
Primary.args = {
  buttonTitle: "drop down btn please corret bg color",
  menuItems: [
    <a href="#home">Home2</a>,
    <a href="#about">About</a>,
    <a href="#contact">Contact</a>,
  ],
  menuProps: {
    alignment: "left",
    shift: 20,
  },
};

// export const Secondary = Template.bind({});
// Secondary.args = {
//   label: "Button",
// };