ImageListItemAPI
React ImageListItem 組件的 API 參考文件。瞭解此匯出模組的屬性、CSS 和其他 API。
示範
匯入
import ImageListItem from '@mui/material/ImageListItem';
// or
import { ImageListItem } from '@mui/material';若要瞭解差異，請閱讀本指南，瞭解如何盡可能縮小套件大小。
原生組件的屬性也可用。
| 名稱 | 類型 | 預設 | 描述 |
|---|---|---|---|
| children | node | - | 組件的內容，通常是 |
| classes | object | - | 覆寫或擴充套用至組件的樣式。 詳情請參閱下方的CSS 類別 API。 |
| cols | integer | 1 | 項目在網格欄中的寬度。 |
| component | elementType | - | 用於根節點的組件。字串（用於 HTML 元素）或組件。 |
| rows | integer | 1 | 項目在網格列中的高度。 |
| sx | Array<func | object | bool> | func | object | - | 允許定義系統覆寫以及額外 CSS 樣式的系統屬性。 詳情請參閱 `sx` 頁面。 |
ref 轉發到根元素。主題預設屬性
您可以使用 MuiImageListItem 透過主題變更此組件的預設屬性。
這些類別名稱對於使用 CSS 設定樣式很有用。當觸發特定狀態時，它們會套用至組件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiImageListItem-img | img | 套用至 img 元素的樣式，以確保其涵蓋項目。 |
| .MuiImageListItem-masonry | masonry | 如果 variant="masonry"，則套用至根元素的樣式。 |
| .MuiImageListItem-quilted | quilted | 如果 variant="quilted"，則套用至根元素的樣式。 |
| .MuiImageListItem-root | root | 套用至根元素的樣式。 |
| .MuiImageListItem-standard | standard | 如果 variant="standard"，則套用至根元素的樣式。 |
| .MuiImageListItem-woven | woven | 如果 variant="woven"，則套用至根元素的樣式。 |
您可以使用以下自訂選項之一覆寫組件的樣式
- 使用全域類別名稱。
- 在自訂主題中，使用規則名稱作為組件的
styleOverrides屬性的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看組件的實作以了解更多詳細資訊。