空間キャンバスSpatialCanvas
Experimental

パネルやノードを配置できる、ドット背景とグリッド間隔を持つキャンバス面です。

状態とバリエーション

作業面の上にツールやプロパティパネルを配置します。

選択、描画、確認を行います。

選択中ノードの設定です。

絶対配置のノードをキャンバス上に並べます。

開始

確認

公開

キャンバス上をドラッグして矩形で囲い、範囲内のノードを選択します。

開始

確認

公開

2件を選択中

細かい配置や位置合わせを見せる時に gridSize を小さくします。

細かい配置向けのグリッド

大きな構成確認では gridSize を広げます。

大きな構成確認向けのグリッド

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

プロパティ	型	初期値	説明
gridSize	number	20	背景グリッドの間隔です。px 単位で指定します。
children	ReactNode	-	キャンバス内に配置するノードやパネルです。
className	string	-	サイズや背景を調整する追加 className です。