跳到內容

PickersLayoutAPI

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

示範

匯入

import { PickersLayout } from '@mui/x-date-pickers/PickersLayout';
// or
import { PickersLayout } from '@mui/x-date-pickers';
// or
import { PickersLayout } from '@mui/x-date-pickers-pro';

閱讀關於最小化套件大小的指南，以了解差異。

Props

名稱類型預設值描述
isRtl*bool-

如果應用程式為從右至左方向，則為 true。

classesobject-

覆寫或擴充套用至元件的樣式。

請參閱下方的CSS 類別 API 以了解更多詳細資訊。

orientation'landscape'
| 'portrait'		-

強制以特定方向呈現。

slotPropsobject{}

用於每個元件 slot 的 props。

slotsobject{}

可覆寫的元件 slot。

請參閱下方的Slots API 以了解更多詳細資訊。

sxArray<func
| object
| bool>
| func
| object		-

系統 prop，允許定義系統覆寫以及其他 CSS 樣式。

請參閱 `sx` 頁面 以了解更多詳細資訊。

元件無法持有 ref。

Slots

Slot 名稱類別名稱預設元件描述
actionBar.MuiPickersLayout-actionBarPickersActionBar用於動作列的自訂元件，它位於選擇器視圖下方。
layout用於包裝版面配置的自訂元件。 它包裝了工具列、視圖、動作列和快捷方式。
shortcuts.MuiPickersLayout-shortcutsPickersShortcuts用於快捷方式的自訂元件。
tabs.MuiPickersLayout-tabs啟用在視圖之間切換的分頁。
toolbar.MuiPickersLayout-toolbar用於工具列的自訂元件。 它位於選擇器視圖上方。

CSS 類別

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

類別名稱規則名稱描述
.MuiPickersLayout-contentWrappercontentWrapper套用至 contentWrapper 元素的樣式（其中包含分頁和視圖本身）。
.MuiPickersLayout-landscapelandscape在橫向方向套用至根元素的樣式。
.MuiPickersLayout-rootroot套用至根元素的樣式。

您可以使用以下客製化選項之一覆寫元件的樣式

原始碼

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