@ablogcms/modal

data-modal-* 属性を持つトリガー要素のクリックを監視し、URL/セレクタからのコンテンツ取得や フォーム submit と組み合わせてモーダルを開閉するパッケージ。

使い方

import { ModalController } from '@ablogcms/modal';

ModalController.openTrigger = '.js-acms-modal-open';
ModalController.closeTrigger = '.js-acms-modal-close';
render(<ModalController />, element);

<a class="js-acms-modal-open" data-url="/path/to/content" data-modal-size="large">開く</a>

• ModalController: openTrigger/closeTrigger（セレクタ文字列）を静的プロパティに持つ コンポーネント。1 度だけマウントすればページ全体のトリガーを監視する。
• ModalManager: ModalController が内部で使う状態管理クラス。

./content-fetcher / ./security-manager は @ablogcms/drawer が同じロジックを再利用するための sub-path で、通常の利用ではメインエントリだけで足りる。