Function: SideModal()

SideModal(props): Element

The SideModal component is a slide-out drawer used for displaying additional content without navigating away from the current page. It supports customization for styling, positioning, and content.

Parameters

Returns

Element

See

Storybook - SideModal (opens in a new tab)

Example

<SideModal
  open={true}
  toggleDrawer={() => setOpen(false)}
  title="My Modal"
  backgroundColor="#fff"
  headerBackgroundColor="#3f51b5"
  closeIconColor="#f50057"
  width="400px"
  anchor="left"
>
  <div>Content goes here</div>
</SideModal>

Defined in

packages/react-material-ui/src/components/SideModal/SideModal.tsx:64 (opens in a new tab)