Modal

A simple modal that can have whatever content you want.

<Modal
	focusOnMount //focus on the first element in the modal
	shouldCloseOnEsc
	shouldCloseOnClickOutside
	overlayClassName="my-extra-modal-overlay-class"
	title="This is my modal"
	onRequestClose={ e => console.log("Closing modal") }
>
	<p>Thanks for using this modal</p>
	<Button isSecondary onClick={ e => console.log("Closing modal") }>
		My custom close button
	</Button>
</Modal>

Have some handy props as: shouldCloseOnEsc, shouldCloseOnClickOutside, overlayClassName (used to add custom styles to the overlay), onRequestClose.

GitHub URL
Classification

Category

Components