ListAPI

React List 組件的 API 參考文件。了解這個匯出模組的 props、CSS 和其他 API。

示範

有關此 React 組件的使用範例和詳細資訊，請訪問組件示範頁面

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

原生組件的 Props 也可用。

名稱	類型	預設	描述
children	node	-	組件的內容。
classes	object	-	覆寫或擴展應用於組件的樣式。請參閱下方的 CSS classes API 以了解更多詳細資訊。
component	elementType	-	用於根節點的組件。可以是字串（使用 HTML 元素）或組件。
dense	bool	false	如果為 `true`，則列表和列表項目會使用為鍵盤和滑鼠輸入設計的緊湊垂直間距。此 prop 作為 `dense` context 提供給後代組件。
disablePadding	bool	false	如果為 `true`，則從列表中移除垂直間距。
subheader	node	-	subheader 的內容，通常是 `ListSubheader`。
sx	Array<func \| object \| bool> \| func \| object	-	系統 prop，允許定義系統覆寫以及額外的 CSS 樣式。請參閱 `sx` 頁面以了解更多詳細資訊。

ref 會傳遞到根元素。

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

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

類別名稱	規則名稱	描述
.MuiList-dense	dense	如果 dense，則應用於根元素的樣式。
.MuiList-padding	padding	除非 `disablePadding={true}`，否則應用於根元素的樣式。
.MuiList-root	root	應用於根元素的樣式。
.MuiList-subheader	subheader	如果提供了 `subheader`，則應用於根元素的樣式。

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

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