共有モーダルShareModal
Experimental

公開リンクの有効化、URLコピー、共有状態の確認をまとめて扱うモーダルです。

プレビュー

状態とバリエーション

公開リンクあり

共有URL、コピー、アクセス数を確認できます。

非公開

共有が無効な時の見え方です。

アクセス数あり

利用状況を含めて共有状態を確認します。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
isOpenboolean-共有モーダルの表示状態です。
itemShareableItem-共有状態を持つ対象アイテムです。
onUpdate(id, updates) => void-共有情報が変わった時に親 state を更新します。
onToggleShare(id, enable) => ShareData | Promise<ShareData>-共有の有効/無効をアプリ側で処理します。未指定時は apiEndpoint に POST します。
onCopyShareUrl(url) => void | Promise<void>-共有 URL のコピー処理を上位で差し替えます。トーストなどのフィードバックをここで出せます。
onOpenShareUrl(url) => void | Promise<void>-共有 URL を開く操作を上位で差し替えます。docs プレビューでは遷移せずトーストを出します。
portalContainerHTMLElement | null-docs preview やアプリ内フレームに overlay を閉じ込めるための任意コンテナです。