跳到主要内容跳到主要内容

PigmentStackAPI

React PigmentStack 组件的 API 参考文档。了解此导出模块的属性、CSS 和其他 API。

演示

导入

import PigmentStack from '@mui/material/PigmentStack';
// or
import { PigmentStack } from '@mui/material';

阅读这篇关于最小化捆绑包大小的指南,了解其中的区别。

属性

名称类型默认值描述
childrennode-

组件的内容。

direction'column-reverse'
| 'column'
| 'row-reverse'
| 'row'
| Array<'column-reverse'
| 'column'
| 'row-reverse'
| 'row'>
| { lg?: 'column-reverse'
| 'column'
| 'row-reverse'
| 'row', md?: 'column-reverse'
| 'column'
| 'row-reverse'
| 'row', sm?: 'column-reverse'
| 'column'
| 'row-reverse'
| 'row', xl?: 'column-reverse'
| 'column'
| 'row-reverse'
| 'row', xs?: 'column-reverse'
| 'column'
| 'row-reverse'
| 'row' }
'column'

定义 flex-direction 样式属性。它适用于所有屏幕尺寸。

dividernode-

在每个子元素之间添加一个元素。

spacingArray<number
| string>
| number
| { lg?: number
| string, md?: number
| string, sm?: number
| string, xl?: number
| string, xs?: number
| string }
| string
0

定义直接子元素之间的间距。

sxArray<func
| object
| bool>
| func
| object
-

系统属性,允许定义系统覆盖以及额外的 CSS 样式。

有关更多详细信息,请参阅 `sx` 页面

该组件不能持有 ref。

源代码

如果您在此页面中没有找到所需信息,请考虑查看组件的实现以获取更多详细信息。