StackStacks are used to arrange elements vertically or horizontally.Storybook Source Ask ChatGPT Props StackHStackVStackStackItemPropTypeseparator?object | booleanchildren?ReactNodeclassName?stringstyle?StylePropertiesalign?object | "baseline" | "start" | "end" | "center" | "stretch"direction?object | "vertical" | "horizontal"inline?object | booleanjustify?object | "baseline" | "start" | "end" | "center" | "stretch" | "space-evenly" | "space-between" | "space-around"reversed?object | booleanwrap?object | booleangap?object | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "none" | "xl" | "lg" | "md" | "sm" | "xs"height?object | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "none" | "xl" | "lg" | "md" | "sm" | "xs"maxHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"maxWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"minHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"minWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"width?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"PropTypeheight?object | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "none" | "xl" | "lg" | "md" | "sm" | "xs"maxHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"maxWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"minHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"minWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"width?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"gap?object | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "none" | "xl" | "lg" | "md" | "sm" | "xs"style?StylePropertiesinline?object | booleanwrap?object | booleanjustify?object | "baseline" | "start" | "end" | "center" | "stretch" | "space-evenly" | "space-between" | "space-around"separator?object | booleanchildren?ReactNodeclassName?stringalign?object | "baseline" | "start" | "end" | "center" | "stretch"reversed?object | booleanPropTypeheight?object | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "none" | "xl" | "lg" | "md" | "sm" | "xs"maxHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"maxWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"minHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"minWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"width?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"gap?object | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "none" | "xl" | "lg" | "md" | "sm" | "xs"style?StylePropertiesinline?object | booleanwrap?object | booleanjustify?object | "baseline" | "start" | "end" | "center" | "stretch" | "space-evenly" | "space-between" | "space-around"separator?object | booleanchildren?ReactNodeclassName?stringalign?object | "baseline" | "start" | "end" | "center" | "stretch"reversed?object | booleanPropTypechildren?ReactNodeclassName?stringstyle?StylePropertiesalign?object | "baseline" | "start" | "end" | "center" | "stretch" | "auto"basis?object | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "auto" | "none" | "xl" | "lg" | "md" | "sm" | "xs"grow?object | booleanshrink?object | booleanheight?object | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "none" | "xl" | "lg" | "md" | "sm" | "xs"maxHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"maxWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"minHeight?object | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "xl" | "lg" | "md" | "sm" | "xs"minWidth?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"width?object | "11/12" | "5/6" | "3/4" | "2/3" | "7/12" | "1/2" | "5/12" | "1/3" | "1/4" | "1/6" | "1/12" | "device" | "full" | "4xs" | "5xs" | "6xs" | "3xs" | "6xl" | "5xl" | "4xl" | "3xl" | "2xl" | "2xs" | "min-content" | "max-content" | "fit-content" | "none" | "xl" | "lg" | "md" | "sm" | "xs"Edit on GitHubSeparatorSeparators are used to visually divide content.SwitchSwitches are used to toggle between two states.
