Leave Yamada UI a star

Star
Yamada UIYamada UIv1.5.1

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

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

direction

Description

The CSS flex-direction property.

Type

"-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "row" | "row-reverse" | Partial<Record<Breakpoint, FlexDirection | [...]>> | [...] | Partial<...> | [...] | ((theme: StyledTheme) => UIValue<...>)

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

(string & {}) | "left" | "right" | "center" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "space-around" | "space-between" | "space-evenly" | ... 10 more ... | ((theme: StyledTheme) => UIValue<...>)

wrap

Description

The CSS flex-wrap property.

Type

"-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | Partial<Record<Breakpoint, FlexWrap | [FlexWrap, FlexWrap]>> | [...] | Partial<...> | [...] | ((theme: StyledTheme) => UIValue<...>)

Edit this page on GitHub

PreviousBoxNextContainer