ListSubheaderAPI
React ListSubheader 元件的 API 參考文件。了解此匯出模組的 props、CSS 和其他 API。
Demo
Import
import ListSubheader from '@mui/material/ListSubheader';
// or
import { ListSubheader } from '@mui/material';
閱讀這份關於最小化 bundle 大小的指南,以了解差異。
原生元件的 Props 也可使用。
名稱 | 類型 | 預設值 | 描述 |
---|---|---|---|
children | node | - | 元件的內容。 |
classes | object | - | 覆寫或擴展應用於元件的樣式。 請參閱下方CSS 類別 API 以了解更多詳細資訊。 |
color | 'default' | 'inherit' | 'primary' | 'default' | 元件的顏色。它支援適用於此元件的主題顏色。 |
component | elementType | - | 用於根節點的元件。可以是字串(使用 HTML 元素)或元件。 |
disableGutters | bool | false | 若為 |
disableSticky | bool | false | 若為 |
inset | bool | false | 若為 |
sx | Array<func | object | bool> | func | object | - | 允許定義系統覆寫以及額外 CSS 樣式的系統 prop。 請參閱 `sx` 頁面 以了解更多詳細資訊。 |
ref
會轉發到根元素。主題預設 props
您可以使用 MuiListSubheader
來變更此元件的預設 props 透過主題。
這些類別名稱對於使用 CSS 設定樣式很有用。它們在觸發特定狀態時應用於元件的 slot。
類別名稱 | 規則名稱 | 描述 |
---|---|---|
.MuiListSubheader-colorInherit | colorInherit | 若 color="inherit" ,則應用於根元素的樣式。 |
.MuiListSubheader-colorPrimary | colorPrimary | 若 color="primary" ,則應用於根元素的樣式。 |
.MuiListSubheader-gutters | gutters | 除非 disableGutters={true} ,否則應用於內部 component 元素的樣式。 |
.MuiListSubheader-inset | inset | 若 inset={true} ,則應用於根元素的樣式。 |
.MuiListSubheader-root | root | 應用於根元素的樣式。 |
.MuiListSubheader-sticky | sticky | 除非 disableSticky={true} ,否則應用於根元素的樣式。 |
您可以使用以下其中一種自訂選項來覆寫元件的樣式
- 使用全域類別名稱。
- 使用規則名稱作為自訂主題中元件的
styleOverrides
屬性的一部分。
原始碼
如果您在本頁中找不到資訊,請考慮查看元件的實作以取得更多詳細資訊。