Version: 3.2.1

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<"gutter" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | SpaceType> The space between each stack item. Accepts Responsive values -
reversed boolean Determines whether to reverse the direction of Stack Items. -
direction ResponsiveValue<"row" | "column" | "column-reverse" | "row-reverse"> The direction of the Stack Items. column

Stack implements Box