Stack
Components
Stack()
Stack(
props,context?):ReactNode
A Stack component is a container that lays out its content in one direction using flexbox. It can be used to arrange other components.
Parameters
| Parameter | Type |
|---|---|
props | StackProps |
context? | any |
Returns
ReactNode
Source
libs/design-system-core/src/components/Stack/index.tsx:65
Props
Align
Align:
"start"|"end"|"center"|"stretch"|"baseline"
Source
libs/design-system-core/src/components/Stack/index.tsx:14
AlignSelf
AlignSelf:
"auto"|"start"|"end"|"center"|"stretch"
Source
libs/design-system-core/src/components/Stack/index.tsx:15
Direction
Direction:
"column"|"column-reverse"|"row"|"row-reverse"
Source
libs/design-system-core/src/components/Stack/index.tsx:13
Justify
Justify:
"start"|"end"|"center"|"between"|"around"|"evenly"
Source
libs/design-system-core/src/components/Stack/index.tsx:16
JustifyItems
JustifyItems:
"start"|"end"|"center"|"stretch"
Source
libs/design-system-core/src/components/Stack/index.tsx:17
JustifySelf
JustifySelf:
"auto"|"start"|"end"|"center"|"stretch"
Source
libs/design-system-core/src/components/Stack/index.tsx:18
StackProps
StackProps:
PropsWithChildren<object>
Type declaration
| Member | Type |
|---|---|
align | Align |
alignSelf | AlignSelf |
background | Color |
customStyle | string |
dataTestId | string |
direction | Direction |
fullWidth | boolean |
id | string |
justify | Justify |
justifyItems | JustifyItems |
justifySelf | JustifySelf |
padding | Padding |
ref | LegacyRef<HTMLDivElement> |
spacing | `gap-x-${number}` | `gap-y-${number}` | `gap-${number}` |