メディア選択ダイアログMediaPickerDialog
Experimental

ライブラリ内のアセットを検索し、単体または複数選択するためのダイアログです。

プレビュー

状態とバリエーション

複数選択

選択数つきの確認ボタンで複数素材を追加します。

単一選択

1件選ぶとすぐに確定する用途に使います。

コンパクト

候補数が少ない選択画面で幅を抑えます。

空状態

候補がない場合の案内文も同じダイアログ内で表示します。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
openboolean-ダイアログの開閉状態です。
itemsAssetCardAsset[]-選択候補として表示するアセット一覧です。
selectedIdsstring[]-選択済みアセット ID です。
multiSelectboolean-複数選択を有効にします。
onConfirm(items: AssetCardAsset[]) => void-確定時に選択アセットを返します。
portalContainerHTMLElement | null-docs preview やアプリ内フレームに overlay を閉じ込めるための任意コンテナです。

使用コンポーネント