Stack API
API documentation for the React Stack component. Learn about the available props and the CSS API.
Import
import Stack from '@mui/system/Stack';
// or
import { Stack } from '@mui/system';Props
Props of the native component are also available.
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | The content of the component. | |
| direction | 'column-reverse' | 'column' | 'row-reverse' | 'row' | Array<'column-reverse' | 'column' | 'row-reverse' | 'row'> | object | Defines the flex-direction style property. It is applied for all screen sizes. | |
| divider | node | Add an element between each child. | |
| spacing | Array<number | string> | number | object | string | Defines the space between immediate children. | |
| sx | Array<func | object | bool> | func | object | The system prop, which allows defining system overrides as well as additional CSS styles. See the `sx` page for more details. |
As a CSS utility, the Stack component also supports all
system properties. You can use them as props directly on the component.The
ref is forwarded to the root element.