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 | |
|---|---|---|
| gridColumn? | string | |
| flexDirection? | "row" | "column" | |
| alignItems? | "center" | "stretch" | "baseline" | "start" | "end" | |
| justifyContent? | "center" | "start" | "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
props: Props & {
css?: CSSObject;
className?: string;
}