Version: 3.0.3

Stack

Stack aligns items vertically or horizontally based on the direction prop.

Example#

Props#

Name Type Description Default
divider Element The divider element to use between elements. -
space ResponsiveValue<number | "gutter" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"> The space between each stack item. Accepts Responsive values -
reversed boolean Determines whether to reverse the direction of Stack Items. -
direction ResponsiveValue<"column" | "row"> The direction of the Stack Items. column

Stack implements Box