RemoteDialogTrigger

ボタンとダイアログを離れた場所に書きたい場合に使用するトリガーコンポーネントです。

たとえば、一覧テーブルの各行に置いた「削除」ボタンから、共通の削除確認ダイアログを開きたい場合に使えます。各行ごとに同じダイアログを書く必要がなく、テーブルの外に1つだけ配置したダイアログを、各行のボタンから共通で開くことができます。

トリガーとダイアログは、共通のidを渡すだけで連動します。

使用上の注意

ボタンとダイアログを同じ場所に書ける場合は、通常のダイアログコンポーネントを使用する

ボタンとダイアログを同じ場所に書ける場合は、ActionDialogFormDialogなどのダイアログコンポーネントを使用してください。

RemoteDialogTriggerは、同じダイアログを複数の場所から開きたい場合や、ボタンとダイアログを同じ場所に置きづらい場合にのみ使用します。

Props

targetId必須
string
onClick
(open: () => void) => void