monday-ui-react-core/src/components/DialogContentContainer/__stories__/dialogContentContainer.stories.js

Official monday.com UI resources for application development in React.js

import React from "react";
import DialogContentContainer from "../DialogContentContainer";
import "./dialogContentContainerStory.scss";
import ComponentStateDescription from "../../storybook-helpers/component-state-description/ComponentStateDescription";
import { withPerformance } from "storybook-addon-performance";

export const Sandbox = () => (
  <div>
    <DialogContentContainer id="Knobs" className="dialog-content-container-story">
      I can be whatever i want to be!!!
    </DialogContentContainer>
  </div>
);

export const Types = () => (
  <div>
    <ComponentStateDescription title="Popover mode" />
    <DialogContentContainer type={DialogContentContainer.types.POPOVER} className="dialog-content-container-story">
      I can be whatever i want to be!!!
    </DialogContentContainer>
    <ComponentStateDescription title="Modal mode" />
    <DialogContentContainer type={DialogContentContainer.types.MODAL} className="dialog-content-container-story">
      I can be whatever i want to be!!!
    </DialogContentContainer>
  </div>
);

export default {
  title: "Components/DialogContentContainer",
  component: DialogContentContainer,
  decorators: [withPerformance]
};