アセットインスペクターAssetInspectorPanel
Experimental

アセットのプレビュー、タグ、メタデータ、操作をまとめて確認・編集するインスペクターパネルです。

プレビュー

campaign_hero_2026.jpg
タイトル
campaign_hero_2026
メモ
キャンペーンのメインビジュアルです。
4.5 / 5

タグ

ヒーローWeb

メタデータ

ファイル名
campaign_hero_2026.jpg
画像サイズ
1920 x 1080
形式
JPG
容量
1.4MB
作成日
2026-05-12

操作

状態とバリエーション

未選択

アセットが未選択の時に、詳細が表示されない理由を示します。

詳細

アセットを選択すると詳細が表示されます。

コンパクト

狭い詳細ペイン向けに、余白を抑えながらお気に入りとタグ編集を確認します。

spring_banner_728x90.png
タイトル
spring_banner_728x90
メモ
-

タグ

バナーWeb

メタデータ

ファイル名
spring_banner_728x90.png
画像サイズ
728 x 90
形式
PNG
容量
418KB
作成日
2026-05-10

通常表示

プレビュー、メタデータ、タグ、評価、主要アクションをまとめて表示する標準の詳細ペインです。

campaign_hero_2026.jpg
タイトル
campaign_hero_2026
メモ
キャンペーンのメインビジュアルです。
4.5 / 5

タグ

ヒーローWeb

メタデータ

ファイル名
campaign_hero_2026.jpg
画像サイズ
1920 x 1080
形式
JPG
容量
1.4MB
作成日
2026-05-12

操作

プロパティ

表は横にスクロールできます
プロパティ初期値説明
assetAssetCardAsset | null-詳細を表示する選択中アセットです。
titlestring-アセット未選択時に使う任意のヘッダータイトルです。
tagsstring[]-選択中アセットの現在のタグです。
tagSuggestionsstring[]-クイック追加として表示するタグ候補です。
metadataMetadataListItem[]-標準のサイズ、形式、容量、作成日の行を差し替えます。
notestring-メモフィールドに表示する編集可能な値です。
labelsAssetInspectorPanelLabels-フィールドやアイコン操作に使うローカライズ済みラベルです。
variant"default" | "compact"-余白とプレビュー角丸を切り替えます。
onTitleChange(title) => void-表示タイトルの保存/キャンセル付き編集を表示して処理します。
onNoteChange(note) => void-メモの保存/キャンセル付き編集を表示して処理します。
onPreview(asset) => void-プレビュー画像クリック時に呼び出されます。
onFavorite(asset) => void-ヘッダーのお気に入り操作を表示して処理します。
onShare(asset) => void-ヘッダーの共有操作を表示して処理します。
onDownload(asset) => void-ヘッダーのダウンロード操作を表示して処理します。
onDelete(asset) => void-ヘッダーの削除操作を表示して処理します。
onClose() => void-ヘッダーの閉じる操作を表示して処理します。
onRatingChange(rating, asset) => void-選択中アセットの 0-5 点評価を 0.5 刻みで表示して処理します。
onAnalyze(asset) => void-解析アクションを表示して処理します。
onCompress(asset) => void-圧縮アクションを表示して処理します。

使い方

Loading...