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.

Customizable Modal#

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

API Reference#

Here is a list of the props that you can pass to the modal component:

PropertyDescriptionTypeDefault
openThe controlled open state of the modal.booleanfalse
onOpenChangeEvent handler called when the open state of the modal changes.setStateNull

Reference#

Our modal component is built using the @radix-ui/react-dialog package. For more information , follow the documentation @radix-ui/react-dialog.

Edit this pageNavbar