Layout primitives: composition, not utilities. A stack spaces children vertically, a cluster groups them horizontally with wrapping, a grid auto-fits columns.
Summary
Functions
Horizontal cluster that wraps.
Centered, max-width container.
Auto-fitting grid. min is the minimum column width.
Vertical stack.
Functions
Horizontal cluster that wraps.
Attributes
gap(:string) - Defaults to"md". Must be one of"none","xs","sm","md","lg", or"xl".align(:string) - Defaults tonil.Must be one ofnil,"start","center","end", or"baseline".justify(:string) - Defaults tonil.Must be one ofnil,"start","center","end", or"between".nowrap(:boolean) - Defaults tofalse.tag(:string) - Defaults to"div".class(:any) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
Centered, max-width container.
Attributes
max(:string) - max inline size, e.g. "60rem". Defaults tonil.tag(:string) - Defaults to"div".class(:any) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
Auto-fitting grid. min is the minimum column width.
Attributes
gap(:string) - Defaults to"md". Must be one of"none","xs","sm","md","lg", or"xl".min(:string) - Defaults to"16rem".tag(:string) - Defaults to"div".class(:any) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)
Vertical stack.
Attributes
gap(:string) - Defaults to"md". Must be one of"none","xs","sm","md","lg", or"xl".align(:string) - Defaults tonil.Must be one ofnil,"start","center", or"end".tag(:string) - Defaults to"div".class(:any) - Defaults tonil.- Global attributes are accepted.
Slots
inner_block(required)