スペーサーSpacerExperimental
flex レイアウト内で余白を伸縮または固定サイズで確保します。
プレビュー
Spacer が中央の残り幅を埋め、保存ボタンを右端へ寄せます。
状態とバリエーション
横方向に押す
ツールバーでは Spacer が残り幅を埋め、主要アクションを右端へ寄せます。
縦方向に押す
高さが決まっているパネルでは Spacer が残り高さを埋め、アクションを下端へ寄せます。
公開前チェック
必要な項目を確認します。
固定サイズ 横
短いラベルと値の間など、一定の余白だけ必要な場合は size を指定します。
ラベル値
固定サイズ 縦
見出しと補足文の間など、縦方向に小さな余白だけ必要な場合にも size を使えます。
見出し補足テキスト
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| size | 1 | 2 | 3 | 4 | 6 | 8 | 12 | 16 | 24 | - | 固定サイズです。未指定の場合は flex の余白として残り幅や残り高さを埋めます。 |
| axis | "x" | "y" | "both" | "both" | 固定サイズ未指定時に、横方向か縦方向の余白として使う意図を示します。 |
| className | string | - | 必要に応じて追加するクラスです。 |
使い方
Loading...