Modal dialog example for React

An example of a modal dialog using Motion for React and the HTML <dialog /> element. This example uses a custom useDialog hook to manage React's declarative API with the dialog HTML element's imperative setModal and close API. It also provides a useClickOutside hook to check when the document has been clicked outside the modal dialog to close it.

Not ready? Try 10 Motion+ demos free.