跳到主要内容跳到主要内容
🚀 影响 Material UI 2025 年路线图！参与最新的开发者调查

PigmentGridAPI

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

演示

导入

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

通过阅读本指南，了解有关最小化捆绑包大小的差异。

Props

名称类型默认值描述
childrennode-

组件的内容。

columnsArray<number>
| number
| object		12

列数。

columnSpacingArray<number
| string>
| number
| object
| string		-

定义 item 类型组件之间的水平间距。它会覆盖 spacing prop 的值。

containerboolfalse

如果为 true，则组件将具有 flex container 行为。您应该使用 container 包裹 items。

direction'column'
| 'column-reverse'
| 'row'
| 'row-reverse'
| Array<'column'
| 'column-reverse'
| 'row'
| 'row-reverse'>
| object		'row'

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

offsetArray<number>
| number
| object		-

定义 grid 的偏移量。

rowSpacingArray<number
| string>
| number
| object
| string		-

定义 item 类型组件之间的垂直间距。它会覆盖 spacing prop 的值。

sizeArray<number>
| number
| object		-

定义 grid 的列大小。

spacingArray<number
| string>
| number
| object
| string		0

定义 item 类型组件之间的间距。它只能在 container 类型组件上使用。

wrap'nowrap'
| 'wrap-reverse'
| 'wrap'		'wrap'

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

该组件无法持有 ref。

源代码

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