@ablogcms/drawer
v3.2.28-beta.0
Published
data-drawer-* 属性トリガー監視とドロワー制御
Keywords
Readme
@ablogcms/drawer
data-drawer-* 属性を持つトリガー要素のクリックを監視し、URL/セレクタからのコンテンツ取得や
フォーム submit と組み合わせてドロワー(サイドパネル)を開閉するパッケージ。
使い方
import { DrawerController } from '@ablogcms/drawer';
DrawerController.openTrigger = '.js-acms-drawer-open';
DrawerController.closeTrigger = '.js-acms-drawer-close';
render(<DrawerController />, element);<a class="js-acms-drawer-open" data-url="/path/to/content">開く</a>DrawerController:openTrigger/closeTrigger(セレクタ文字列)を静的プロパティに持つ コンポーネント。1 度だけマウントすればページ全体のトリガーを監視する。DrawerManager:DrawerControllerが内部で使う状態管理クラス。
