垂直スタックVStack
Experimental

フォーム、カード、説明ブロックなどを縦方向に積み、余白・揃え・高さ内の配置を制御します。

状態とバリエーション

ラベル、入力、操作を縦方向に積みます。

名前

メール

短い説明や空状態を中央にまとめます。

中央揃え

小さな空状態に向いています。

カード内で内容と操作を上下に分けます。

確認キュー

12件が待機中

短い説明と操作を右端に揃えます。

請求情報の更新

短い説明と操作を右端に揃えます。

小さな説明ブロックを inline-flex として扱います。

インラインスタックテキストに近い流れの中で使えます。

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

プロパティ	型	初期値	説明
gap	0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8 \| 10 \| 12	2	子要素間の余白です。
align	"start" \| "center" \| "end" \| "stretch"	"stretch"	横方向の揃え方です。
justify	"start" \| "center" \| "end" \| "between" \| "around" \| "evenly"	"start"	縦方向の配置方法です。
inline	boolean	false	inline-flex として描画します。