PickersActionBarAPI
React PickersActionBar 元件的 API 參考文件。 瞭解此匯出模組的 props、CSS 和其他 API。
示範
匯入
import { PickersActionBar } from '@mui/x-date-pickers/PickersActionBar';
// or
import { PickersActionBar } from '@mui/x-date-pickers';
// or
import { PickersActionBar } from '@mui/x-date-pickers-pro';請閱讀這份關於最小化 bundle 大小的指南，以了解差異。
也提供原生元件的 Props。
| 名稱 | 類型 | 預設值 | 描述 |
|---|---|---|---|
| actions | Array<'accept' | 'cancel' | 'clear' | 'today'> | `['cancel', 'accept']` 用於行動裝置，`[]` 用於桌面裝置 | 要顯示的動作的排序陣列。 如果為空，則不顯示該動作列。 |
| disableSpacing | bool | false | 如果為 |
| sx | Array<func | object | bool> | func | object | - | 允許定義系統覆寫以及其他 CSS 樣式的系統 prop。 有關更多詳細資訊，請參閱 [`sx` 頁面](/system/getting-started/the-sx-prop/)。 |
元件無法持有 ref。
這些類別名稱對於使用 CSS 設定樣式很有用。 它們在觸發特定狀態時應用於元件的插槽。
| 類別名稱 | 規則名稱 | 描述 |
|---|---|---|
| .MuiPickersActionBar-root | 根 | 應用於根元素的樣式。 |
| .MuiPickersActionBar-spacing | 間距 | 除非 `disableSpacing={true}`，否則應用於根元素的樣式。 |
您可以使用以下自訂選項之一覆寫元件的樣式
- 使用[全域類別名稱](/material-ui/integrations/interoperability/#global-css)。
- 在自訂主題中使用規則名稱作為元件的 [`styleOverrides` 屬性](/material-ui/customization/theme-components/#theme-style-overrides)的一部分。
原始碼
如果您在此頁面中找不到資訊，請考慮查看[元件的實作](https://github.com/mui/mui-x/blob/v7.28.1/packages/x-date-pickers/src/PickersActionBar/PickersActionBar.tsx)以取得更多詳細資訊。