Popover - how to implement close on click anywhere in React

import React from 'react';
import { MDBPopover, MDBBtn, MDBPopoverBody, MDBPopoverHeader } from 'mdbreact';

const PopoverPage = () => {
  return (
    <>
      <MDBPopover placement='bottom' popover clickable id='popper3'>
        <MDBBtn>popover on bottom</MDBBtn>
        <div>
          <MDBPopoverHeader>popover on bottom</MDBPopoverHeader>
          <MDBPopoverBody>
            Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis
            vestibulum.
          </MDBPopoverBody>
        </div>
      </MDBPopover>
    </>
  );
};

export default PopoverPage;

ccravenbartle commented 5 years ago

Jakub: your example works fine. Thank you for responding so quickly.

---

Jakub Chmura staff premium commented 5 years ago

I'm glad that your problem has been solved. If you have any further questions, please do not hesitate to ask us.

Best, Kuba

---