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 也可用。
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
actions | Array<'accept' | 'cancel' | 'clear' | 'today'> | `['cancel', 'accept']` for mobile and `[]` for desktop | 要显示的 actions 的有序数组。如果为空,则不显示该操作栏。 |
disableSpacing | bool | false | 如果为 |
sx | Array<func | object | bool> | func | object | - | 允许定义系统 overrides 以及附加 CSS 样式的系统 prop。 有关更多详细信息,请参阅 `sx` 页面。 |
该组件不能持有 ref。
这些类名对于使用 CSS 进行样式设置很有用。当特定状态被触发时,它们会被应用到组件的插槽上。
类名 | 规则名 | 描述 |
---|---|---|
.MuiPickersActionBar-root | root | 应用于根元素的样式。 |
.MuiPickersActionBar-spacing | spacing | 应用于根元素的样式,除非 disableSpacing={true} 。 |
您可以使用以下自定义选项之一覆盖组件的样式
- 使用全局类名。
- 使用规则名作为自定义主题中组件的
styleOverrides
属性的一部分。
源代码
如果您在此页面中没有找到所需信息,请考虑查看该组件的实现以获取更多详细信息。