Stack
The Stack component manages layout of immediate children along the vertical or horizontal axis with optional spacing between each child.
API Reference
StackProps
Properties
| Property | Type | Modifiers |
|---|---|---|
| gridColumn? | string | — |
| flexDirection? | "row" | "column" | — |
| alignItems? | "start" | "center" | "end" | "baseline" | "stretch" | — |
| justifyContent? | "start" | "center" | "end" | "space-between" | "space-evenly" | "fill" | — |
| width? | number | string | — |
| minWidth? | number | string | — |
| maxWidth? | number | string | — |
| height? | number | string | — |
| minHeight? | number | string | — |
| maxHeight? | number | string | — |
| padding? | number | string | — |
| paddingX? | number | string | — |
| paddingXStart? | number | string | — |
| paddingXEnd? | number | string | — |
| paddingY? | number | string | — |
| paddingYStart? | number | string | — |
| paddingYEnd? | number | string | — |
| gap? | number | string | — |
| background? | string | — |
Stack
Properties
Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof StackProps> & StackProps & { css?: CSSObject; className?: string; }Returns
React.JSX.Element