Cluster
要素を水平方向に並べるためのレイアウトコンポーネントです。幅に収まり切らない場合は折り返します。ボタンやテキストなどあらゆる要素を横並びで配置するときに使います。
Every Layout別タブで開くのClusterを参考にしています。
折り返すのではなく、要素を水平方向にスクロールさせたいときはReelを使います。
Props
inline
false true
align
"center" "start" "flex-start" "end" "flex-end" "baseline" "stretch"
justify
"center" "start" "flex-start" "end" "flex-end" "stretch" "normal" "space-between" "space-around" "space-evenly"
gap
0 1 2 0.25 0.5 0.75 1.25 1.5 2.5 3 3.5 4 8 -0.25 -0.5 -0.75 -1 -1.25 -1.5 -2 -2.5 -3 -3.5 -4 -8 "X3S" "XXS" "XS" "S" "M" "L" "XL" "XXL" "X3L" SeparateGap