react-modal-lite

Simple react modal.

Usage no npm install needed!

<script type="module">
  import reactModalLite from 'https://cdn.skypack.dev/react-modal-lite';
</script>

README

react-modal-lite

A React modal.

Props

children node (required) Contents to display in modal.

defaultVisible bool Set true to show the modal on mount. Default is false.

disableEscape bool Disable hiding the modal on escape key press. Default is false.

disableClickOut bool Disable hiding the modal when clicking outside of the modal. Default is false.

isVisible bool Whether or not the modal is visible.

onClose func Function called when the modal is hidden.

showCloseButton bool Show close button that hides the modal when clicked. Default is false.

className string CSS class name to be applied to the outer-most container.

foregroundClassName string CSS class name to be applied to the modal foreground.

style object Styles for the modal applied to the outer-most container.

License

MIT