1.4.2 • Published 3 years ago
@jdthornton/modal v1.4.2
@jdthornton/modal
React modal component.
Demo
https://jdthornton.github.io/#/modal
Install
$ npm install @jdthornton/modal
Usage
import Modal, { useModal } from "@jdthornton/modal";
import "@jdthornton/modal/styles.css";
function App(){
const { isOpen, open, close } = useModal();
return isOpen ? (
<Modal close={close}>
Modal
</Modal>
) : null
}
Props
Prop | Type | Description |
---|---|---|
showCloseButton | boolean | Shows a modal close button |
closeOnOverlayClick | boolean | Closes the modal on overlay click |
closeOnEsc | boolean | Closes the modal on 'ESC' key press |
inertQuerySelector | string | The query selector for the element to be made inert when the modal is open |
className | string | The modal class |
style | object | The modal style |
overlayClassName | string | The overlay class |
overlayStyle | object | The overlay style |
labelledBy | string | The aria-labelledby attribute |
describedBy | string | The aria-describedby attribute |
1.4.2
3 years ago
1.4.1
3 years ago
1.4.0
3 years ago
1.3.9
4 years ago
1.3.7
4 years ago
1.2.8
4 years ago
1.3.6
4 years ago
1.2.7
4 years ago
1.3.5
4 years ago
1.2.6
4 years ago
1.3.4
4 years ago
1.2.5
4 years ago
1.3.3
4 years ago
1.2.4
4 years ago
1.3.2
4 years ago
1.2.3
4 years ago
1.3.1
4 years ago
1.2.2
4 years ago
1.3.0
4 years ago
1.2.1
4 years ago
1.3.8
4 years ago
1.2.9
4 years ago
1.2.0
4 years ago
1.1.0
4 years ago
1.0.0
4 years ago