跳到主要內容跳到主要內容
🚀 影響 Material UI 的 2025 年藍圖！參與最新的開發者調查

PigmentGridAPI

React PigmentGrid 組件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。

示範

匯入

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

若要了解差異，請閱讀此關於最小化 bundle size 的指南。

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		-

定義網格的 offset。

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

定義 item 類型組件之間的垂直間距。它會覆寫 spacing prop 的值。

sizeArray<number>
| number
| object		-

定義網格的欄寬尺寸。

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

定義 item 類型組件之間的間距。它只能在 container 類型組件上使用。

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

定義 flex-wrap 樣式屬性。它適用於所有螢幕尺寸。

組件無法持有 ref。

原始碼

如果您在此頁面中找不到資訊，請考慮查看組件的實作以取得更多詳細資訊。