Modal - Keep React

A modal component is a user interface element commonly used in web and mobile applications to display focused content or interactions that temporarily overlay the main screen. Modal components typically appear as a small window or dialog box that appears on top of the existing content, effectively blocking interaction with the underlying interface until the modal is dismissed.

Table of Contents#

Default Modal#

Modal components typically appear as a small window or dialog box that appears on top of the existing content, effectively "blocking" interaction with the underlying interface until the modal is dismissed.

You can use any other component inside our modal component. We just use the checkbox component.

Customizable Modal#

You can customize our modal as your desire except the modal functionality.

API Reference#

Explore the available props for the modal component

PropertyDescriptionTypeDefault
isOpenModal is open or not?booleanfalse
onCloseFunction to be called when the modal is closed.function()=>void