Cluster
Every Layout別タブで開くのClusterを参考にしたコンポーネントです。要素を水平方向に等間隔で並べたいときに使います。幅に収まり切らなくなると要素を折り返して並べます。
折り返すのではなく、要素を水平方向にスクロールさせたいときはReelを使います。
Props
inline
false true
align
"center" "start" "end" "baseline" "flex-start" "flex-end" "stretch"
justify
"center" "start" "end" "normal" "flex-start" "flex-end" "stretch" "space-between" "space-around" "space-evenly"
gap
0 0.25 0.5 0.75 1 1.25 1.5 2 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