1.0.45 • Published 3 years ago
@dudiharush/react-modal v1.0.45
react-modal
installation
run: npm i @dudiharush/react-modal
usage example
import { ModalProvider } from "@dudiharush/react-modal";
// step 1: use ModalProvider
render(
<ModalProvider>
<App />
</ModalProvider>,
rootElement,
)
// step 2: create modal component and call useModalActions()
import { useModalActions } from "@dudiharush/react-modal";
const MyModalContent = ({ title }: { title: string }) => {
const { hideModal } = useModalActions()
return (
<div>
<div>{title}</div>
<button onClick={() => hideModal()}>close</button>
</div>
)
}
// step 3: create a custom hook that shows your modal:
import { useModal } from "@dudiharush/react-modal";
const useMyModalContent = () => {
const { showModal } = useModal(MyModalContent)
return showModal
}
// step 4: call your custom modal hook and use its returned "showModal" function:
const showModal = useMyModalContent()
return (
<button
onClick={() => {
showModal({title: 'modal title'})
}}
>
open modal
</button>
}
```
1.0.45
3 years ago
1.0.44
3 years ago
1.0.42
3 years ago
1.0.41
3 years ago
1.0.40
3 years ago
1.0.39
4 years ago
1.0.38
4 years ago
1.0.37
4 years ago
1.0.36
4 years ago
1.0.35
4 years ago
1.0.34
4 years ago
1.0.32
4 years ago
1.0.28
4 years ago
1.0.27
4 years ago
1.0.25
4 years ago
1.0.24
4 years ago
1.0.22
4 years ago
1.0.23
4 years ago
1.0.21
4 years ago
1.0.20
4 years ago
1.0.19
4 years ago
1.0.18
4 years ago
1.0.17
4 years ago
1.0.16
4 years ago
1.0.15
4 years ago
1.0.14
4 years ago
1.0.13
4 years ago
1.0.12
4 years ago
1.0.11
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago