Modal Scrolling

[anuragxxd]

Is there any way I can make the modal scroll? I read the docs to use something else as option other that modal. But my use case fills the purpose of modal, and I want that to be scrollable. Any help?

[miukimiu]

Hi @git-anurag-hub 👋🏽 ,

If the content inside your <EuiModalBody /> is very long, the modal will scroll vertically. You don't need to do anything. It works like that by default.

<EuiModal onClose={closeModal}>
  <EuiModalHeader>
    <EuiModalHeaderTitle><h1><!-- Modal title --></h1></EuiModalHeaderTitle>
  </EuiModalHeader>

  <EuiModalBody>
    <!-- Modal body with a very long content -->
  </EuiModalBody>

  <EuiModalFooter>
    <EuiButton onClick={closeModal} fill>Close</EuiButton>
  </EuiModalFooter>
</EuiModal>

You can see this CodeSandbox with an example of a modal with multiple paragraphs inside the <EuiModalBody />.

Let me know if that helped.

[anuragxxd]

Yeah, it was my mistake thanks !!
Also, I am using EUI in my projects just to appreciate that it's awesome. :)