クラスターCluster
Experimental

タグ、ボタン、短い操作群を、折り返し可能な横並びとしてまとめるレイアウトプリミティブです。

状態とバリエーション

タグや短いバッジが増えた時に、行をまたいで自然に折り返します。

設計

React

ドキュメント

レスポンシブ

アクセシビリティ

SSOT

プレビュー

フォームやフッターで、キャンセルと保存などの操作を右端にまとめます。

短い状態ラベルや補助情報を中央に揃えて表示します。

選択中

レビュー中

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

プロパティ	型	初期値	説明
gap	0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 8	2	子要素同士の余白です。
align	"start" \| "center" \| "end" \| "baseline"	"center"	折り返し行の交差軸方向の揃え方です。
justify	"start" \| "center" \| "end" \| "between"	"start"	主軸方向の揃え方です。右寄せ操作群では end を使います。
className	string	-	追加の className です。