irisrad-ui/src/components/irisButton/IrisButton.stories.js

UI elements developered for IRIS R&D Group Inc

import React from "react";
import { IrisButton } from "./IrisButton";

// export for StoryBook as a tab
/**
 * Primary UI component for user interaction
 */
export default {
  title: "Example/Button", // could be represent on the url, example could be a root of the node
  component: IrisButton,

  // custom arg types with storybook's add on here
  // https://storybook.js.org/docs/react/essentials/controls
};

const Template = (args) => <IrisButton {...args}>Summary</IrisButton>;

// define a variant of the ui component
export const Primary = Template.bind({});
// assign arguement (props) to render the ui component
Primary.args = {
  disabled: false,
  size: "large",
};