modalController

Global utilities for managing all modals.

Import

import { modalController } from "@hirotoshioi/hiraku";

Methods

closeAll()

Closes all open modals.

modalController.closeAll();

Use cases:

• Route navigation
• Logout
• Error recovery

// Close all modals on route change
useEffect(() => {
  return () => modalController.closeAll();
}, [pathname]);

isOpen()

Returns whether any modal is currently open.

if (modalController.isOpen()) {
  console.log("A modal is open");
}

Returns: boolean

getCount()

Returns the number of open modals.

const count = modalController.getCount();
console.log(`${count} modals open`);

Returns: number

getTop()

Returns the topmost (most recently opened) modal instance.

const top = modalController.getTop();
if (top) {
  console.log("Top modal:", top.id);
}

Returns: ModalInstance | undefined