Leave Yamada UI a star

Star
Yamada UIYamada UIv1.6.4

Stack

Stack is a component that groups elements and provides spacing between child elements.

Source@yamada-ui/layouts

Props

StackProps

align

Description

The CSS align-items property.

Type

"-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | ... 7 more ... | ((theme: StyledTheme) => UIValue<...>)

direction

Description

The CSS flex-direction property.

Type

"-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "column" | "row" | "column-reverse" | "row-reverse" | [FlexDirection | { [x: string]: FlexDirection | undefined; ... 5 more ...; xl?: FlexDirection | undefined; }, FlexDirection | { ...; }] | { ...; } | [...] | { ...; } | ((theme: StyledT...

divider

Description

If true, each stack item will show a divider.

Type

ReactElement<any, string | JSXElementConstructor<any>>

justify

Description

The CSS justify-content property.

Type

"left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (string & {}) | "normal" | "center" | "end" | "flex-end" | "flex-start" | "start" | ... 8 more ... | ((theme: StyledTheme) => UIValue<...>)

wrap

Description

The CSS flex-wrap property.

Type

"-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | [FlexWrap | { [x: string]: FlexWrap | undefined; ... 5 more ...; xl?: FlexWrap | undefined; }, FlexWrap | { ...; }] | { ...; } | [...] | { ...; } | ((theme: StyledTheme) => UIValue<...>)

Edit this page on GitHub

PreviousBoxNextContainer