ImageListAPI

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

範例

如需此 React 元件用法的範例和詳細資訊，請造訪元件示範頁面

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

原生元件的 Props 也可使用。

名稱	類型	預設值	描述
children*	node	-	元件的內容，通常為 `ImageListItem`。
classes	object	-	覆寫或擴充套用至元件的樣式。請參閱下方CSS 類別 API 以取得更多詳細資訊。
cols	integer	2	欄數。
component	elementType	-	用於根節點的元件。可以是字串 (用於 HTML 元素) 或元件。
gap	number	4	項目之間的間距，單位為 px。
rowHeight	'auto' \| number	'auto'	單列的高度，單位為 px。
sx	Array<func \| object \| bool> \| func \| object	-	系統屬性，允許定義系統覆寫以及額外的 CSS 樣式。請參閱 `sx` 頁面以取得更多詳細資訊。
variant	'masonry' \| 'quilted' \| 'standard' \| 'woven' \| string	'standard'	要使用的變體。

ref 會轉發到根元素。

您可以使用 MuiImageList 透過主題變更此元件的預設 props。

這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至元件的插槽。

類別名稱	規則名稱	描述
.MuiImageList-masonry	masonry	如果 `variant="masonry"`，則套用至根元素的樣式。
.MuiImageList-quilted	quilted	如果 `variant="quilted"`，則套用至根元素的樣式。
.MuiImageList-root	root	套用至根元素的樣式。
.MuiImageList-standard	standard	如果 `variant="standard"`，則套用至根元素的樣式。
.MuiImageList-woven	woven	如果 `variant="woven"`，則套用至根元素的樣式。

您可以使用以下自訂選項之一覆寫元件的樣式

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