跳到主要內容跳到主要內容

PigmentStackAPI

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

範例

導入

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

了解差異,請閱讀這篇關於最小化 bundle 大小的指南

Props

名稱類型預設描述
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
-

系統 prop,允許定義系統覆寫以及額外的 CSS 樣式。

請參閱 `sx` 頁面以了解更多詳細資訊。

此組件無法持有 ref。

原始碼

如果您在本頁面中找不到資訊,可以查看組件的實作程式碼以獲取更多詳細資訊。