フローティングパネルFloatingPanel
Experimental

作業面やキャンバス上に、ツール、状態、補助情報を重ねて表示するパネルです。必要に応じてドラッグやリサイズも有効化できます。

状態とバリエーション

ツールパネルやプロパティパネルのように、作業面に重ねて配置します。

タイトルバーをドラッグして移動し、右下のハンドルでサイズを調整できます。

編集対象の近くに、アイコン操作をまとめた小さなパネルを置きます。

作業の完了や確認が必要な状態を、画面上に一時的に重ねます。

背景を透過しない情報パネルとして使う場合は solid を選びます。

表は横にスクロールできます

プロパティ	型	初期値	説明
variant	"glass" \| "solid" \| "ghost"	"glass"	パネルの見た目を切り替えます。
title	string	-	ヘッダーに表示する任意のタイトルです。
dragEnabled	boolean	false	タイトルバーをドラッグハンドルとして移動を有効にします。
resizable	boolean	false	右下からサイズ変更できるようにします。
minWidth / minHeight	number	220 / 140	リサイズ時の最小サイズを指定します。
contentClassName	string	-	スクロール領域など、本文エリアに追加する className です。