File tree Expand file tree Collapse file tree 1 file changed +4
-1
lines changed
Expand file tree Collapse file tree 1 file changed +4
-1
lines changed Original file line number Diff line number Diff line change @@ -29,9 +29,11 @@ yarn add react-simple-hook-modal
2929 - This will not render anything to the DOM here
3030 - Modals are rendered after allthe children in side ` <ModalProvider/> `
3131- Use the ` useModal ` hook to control your modal's state
32+ - Use the ` ModalTransition ` enum to optionally set the transition animation
33+ - Currently there are 3 to select from, or choose NONE to disable the transitions
3234
3335```
34- import { ModalProvider, Modal, useModal } from 'react-simple-hook-modal';
36+ import { ModalProvider, Modal, useModal, ModalTransition } from 'react-simple-hook-modal';
3537
3638const MyComponent = () => {
3739 const { isModalOpen, openModal, closeModal } = useModal();
@@ -46,6 +48,7 @@ const MyComponent = () => {
4648 <button onClick={openModal}>Open</button>
4749 )}
4850 isOpen={isModalOpen}
51+ transition={ModalTransition.BOTTOM_UP}
4952 />
5053 </>
5154 );
You can’t perform that action at this time.
0 commit comments