Skip to content

The <Cluster> component lays out its children horizontally with consistent spacing between them, wrapping to a new line if necessary.

Examples

Default

Spacing

Props

<Cluster>

children

Required
ReactNode

className

Deprecated
string

spacing

0 | 1 | 2 | 3 | 4 | 5 | "0" | "1" | "2" | "3" | "3-half" | "4" | "5"

align

"center" | "left" | "right"

alignY

"bottom" | "center" | "top"

ref

(instance: any) => void | RefObject<any>