跳转到内容

Stack API

想要学习更多组件属性和 CSS API,可以查阅 React Stack 组件的 API 文档。

导入

import Stack from '@mui/material/Stack';
// 或
import { Stack } from '@mui/material';
你可以阅读这个关于最小化捆绑包的指南以了解以上二者的差异。

属性

原生(Native) 组件的属性也是可用的。

名称类型默认值描述
childrennode
The content of the component.
componentelementType
direction'column-reverse'
| 'column'
| 'row-reverse'
| 'row'
| Array<'column-reverse'
| 'column'
| 'row-reverse'
| 'row'>
| object
'column'
Defines the flex-direction style property. It is applied for all screen sizes.
dividernode
Add an element between each child.
spacingArray<number
| string>
| number
| object
| string
0
Defines the space between immediate children.
sxArray<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.

作为一个 CSS 实用工具, Stack 组件也支持所有 系统 属性。 您可以将它们作为props在组件上直接使用。

ref 则会被传递到根元素中。

演示项目