ToolbarAPI

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

範例展示

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

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

原生元件的 props 也可使用。

名稱	類型	預設值	描述
children	node	-	Toolbar 的子元件，通常是 `IconButton`、`Button` 和 `Typography` 的混合。Toolbar 是一個彈性容器，允許使用彈性項目屬性來佈局子元件。
classes	object	-	覆寫或擴展應用於元件的樣式。請參閱下方CSS 類別 API 以瞭解更多詳細資訊。
component	elementType	-	用於根節點的元件。可以是使用 HTML 元素的字串或是一個元件。
disableGutters	bool	false	若為 `true`，則停用 gutter padding。
sx	Array<func \| object \| bool> \| func \| object	-	系統屬性，允許定義系統覆寫以及額外的 CSS 樣式。請參閱 `sx` 頁面以瞭解更多詳細資訊。
variant	'dense' \| 'regular' \| string	'regular'	要使用的變體。

ref 會轉發到根元素。

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

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

類別名稱	規則名稱	描述
.MuiToolbar-dense	dense	如果 `variant="dense"`，則應用於根元素的樣式。
.MuiToolbar-gutters	gutters	除非 `disableGutters={true}`，否則應用於根元素的樣式。
.MuiToolbar-regular	regular	如果 `variant="regular"`，則應用於根元素的樣式。
.MuiToolbar-root	root	應用於根元素的樣式。

您可以使用以下其中一種自訂選項來覆寫元件的樣式

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