ListSubheaderAPI

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

示範

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

import ListSubheader from '@mui/joy/ListSubheader';
// or
import { ListSubheader } from '@mui/joy';

閱讀關於最小化 bundle size 的指南，以了解它們之間的差異。

原生組件的屬性也可用。

名稱	類型	預設	描述
children	node	-	組件的內容。
color	'danger' \| 'neutral' \| 'primary' \| 'success' \| 'warning' \| string	-	組件的顏色。它支援適用於此組件的這些主題顏色。若要了解如何新增您自己的顏色，請查看主題組件—擴展顏色。
component	elementType	-	用於根節點的組件。可以是使用 HTML 元素的字串或組件。
slotProps	{ root?: func \| object }	{}	用於每個內部插槽的屬性。
slots	{ root?: elementType }	{}	用於每個內部插槽的組件。請參閱下方的插槽 API 以取得更多詳細資訊。
sticky	bool	false	若為 `true`，則組件具有固定位置（top = 0）。
sx	Array<func \| object \| bool> \| func \| object	-	允許定義系統覆寫以及其他 CSS 樣式的系統屬性。請參閱 `sx` 頁面以取得更多詳細資訊。
variant	'outlined' \| 'plain' \| 'soft' \| 'solid' \| string	-	要使用的全域變體。若要了解如何新增您自己的變體，請查看主題組件—擴展變體。

ref 轉發到根元素。

您可以使用 JoyListSubheader 透過主題變更此組件的預設屬性。

若要了解如何自訂插槽，請查看覆寫組件結構指南。

插槽名稱	類別名稱	預設組件	描述
root	.MuiListSubheader-root	`'div'`	呈現根的組件。

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

類別名稱	規則名稱	描述
.MuiListSubheader-colorContext	colorContext	當顏色反轉被觸發時，應用於根元素的類別名稱。
.MuiListSubheader-colorDanger	colorDanger	如果 `color="danger"`，則應用於根元素的類別名稱。
.MuiListSubheader-colorNeutral	colorNeutral	如果 `color="neutral"`，則應用於根元素的類別名稱。
.MuiListSubheader-colorPrimary	colorPrimary	如果 `color="primary"`，則應用於根元素的類別名稱。
.MuiListSubheader-colorSuccess	colorSuccess	如果 `color="success"`，則應用於根元素的類別名稱。
.MuiListSubheader-colorWarning	colorWarning	如果 `color="warning"`，則應用於根元素的類別名稱。
.MuiListSubheader-sticky	sticky	如果 sticky={true}，則應用於根元素的類別名稱。
.MuiListSubheader-variantOutlined	variantOutlined	如果 `variant="outlined"`，狀態類別應用於根元素。
.MuiListSubheader-variantPlain	variantPlain	如果 `variant="plain"`，狀態類別應用於根元素。
.MuiListSubheader-variantSoft	variantSoft	如果 `variant="soft"`，狀態類別應用於根元素。
.MuiListSubheader-variantSolid	variantSolid	如果 `variant="solid"`，狀態類別應用於根元素。

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

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