跳到内容

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 size 的指南,了解它们之间的区别。

Props

原生组件的 Props 也可用。

名称类型默认值描述
actionsArray<'accept'
| 'cancel'
| 'clear'
| 'today'>
`['cancel', 'accept']` for mobile and `[]` for desktop

要显示的 actions 的有序数组。如果为空,则不显示该操作栏。

disableSpacingboolfalse

如果为 true,则 actions 没有额外的 margin。

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

允许定义系统 overrides 以及附加 CSS 样式的系统 prop。

有关更多详细信息,请参阅 `sx` 页面

该组件不能持有 ref。

CSS 类

这些类名对于使用 CSS 进行样式设置很有用。当特定状态被触发时,它们会被应用到组件的插槽上。

类名规则名描述
.MuiPickersActionBar-rootroot应用于根元素的样式。
.MuiPickersActionBar-spacingspacing应用于根元素的样式,除非 disableSpacing={true}

您可以使用以下自定义选项之一覆盖组件的样式

源代码

如果您在此页面中没有找到所需信息,请考虑查看该组件的实现以获取更多详细信息。