@knownout/modal-window v0.1.8

🧊 React modal window component

Simple React component for creating modal windows.

Перед использованием модального окна его необходимо добавить в контроллер (см. https://github.com/knownout/modal-window-controller). Поскольку добавление модального окна в контроллер происходит единожды, можем сделать это в эффекте:

useEffect(() => {
    modalWindowController.connectModalWindow("my-modal");

    return () => {
        modalWindowController.disconnectModalWindow("my-modal");
    }
}, []);

Для того чтобы добавить модальное окно, достаточно просто встроить его в любое место приложения:

<ModalWindow modalKey="my-modal" modalTitle="My Test Modal">
    Hello world
</ModalWindow>

Изначально модальное окно будет закрыто, для того, чтобы открыть его, используем метод контроллера:

modalWindowController.openModal("my-modal");

knownout - https://github.com/knownout/ knownout@hotmail.com