well-rounded-ui/src/stories/interactions/Modal.mdx

Well Rounded UI Inputs to beautify your web projects !

import { Meta, Source } from "@storybook/blocks";
import * as ModalStories from './Modal.stories';

<Meta of={ModalStories} />

# Modal 

Display Modal to show any content.

## Basic Usage:

<Source
  code={`<Modal show={isModalOpen} onClose={() => {}}>
  <ModalHeader>
    <h3>Modal title</h3>
  </ModalHeader>
  <ModalBody>
    <p>This is modal body</p>
  </ModalBody>
  <ModalFooter>
    <Button text="Cancel" color="danger" onClick={() => {}} />
  </ModalFooter>
</Modal>`}
/>