スペーサーSpacer
Experimental

flex レイアウト内で余白を伸縮または固定サイズで確保します。

プレビュー

Spacer が中央の残り幅を埋め、保存ボタンを右端へ寄せます。

状態とバリエーション

横方向に押す

ツールバーでは Spacer が残り幅を埋め、主要アクションを右端へ寄せます。

縦方向に押す

高さが決まっているパネルでは Spacer が残り高さを埋め、アクションを下端へ寄せます。

公開前チェック

必要な項目を確認します。

固定サイズ 横

短いラベルと値の間など、一定の余白だけ必要な場合は size を指定します。

ラベル

固定サイズ 縦

見出しと補足文の間など、縦方向に小さな余白だけ必要な場合にも size を使えます。

見出し補足テキスト

プロパティ

表は横にスクロールできます
プロパティ初期値説明
size1 | 2 | 3 | 4 | 6 | 8 | 12 | 16 | 24-固定サイズです。未指定の場合は flex の余白として残り幅や残り高さを埋めます。
axis"x" | "y" | "both""both"固定サイズ未指定時に、横方向か縦方向の余白として使う意図を示します。
classNamestring-必要に応じて追加するクラスです。

使い方

Loading...

使用コンポーネント