Modal

Modal component provides platform for creating dialogs, popovers or whatever else.

Usage

import { Modal } from '@cleartrip/bento'



<Modal open={false}>
 <ModalHeader onClose={toggleFn} closeButton>Modal header</ModalHeader>
 <div className="px-8">Modal content</div>
</Modal>

<Modal>...</Modal><Modal>...</Modal>

children

string

Content of the modal

className

string

Classes to be added to the modal component

open

bool

Modify open/close state of the modal

True

False

overlayClassName

string

Changes the styles of modal overlay

onClose

func

Closes the modal