The modal component provides a solid foundation for creating dialogs or slideout modals

Try it out

Positions the modal in the middle of the page. Only works with default position.

Enables dismissing the modal when the backdrop is clicked

Dismisses the modal when the "Escape" key is pressed

Shows a close button at the top right corner to be used to dismiss the modal