---
title: Actions 动作
group:
  title: 对话
  path: /actions
  order: 2
---

通用操作按钮组组件，用于展示一系列操作图标按钮，支持自定义操作项和额外内容

## 示例

<code src="../../examples/Actions"></code>

<a id="ActionsProps"></a>
## Props

| 属性       | 类型                                | 是否必传 | 默认值 | 说明                     |
| ---------- | ----------------------------------- | -------- | ------ | ------------------------ |
| actions    | `Action[]`                          | 是       | []     | 操作按钮组               |
| extra      | `React.ReactNode`                   | 否       | -      | 额外内容                 |
| maxCount   | `number`                            | 否       | 4      | 最大显示数量             |
| className  | `string`                            | 否       | -      | 自定义类名               |
| style      | `React.CSSProperties`               | 否       | -      | 自定义样式               |
| children   | `React.ReactElement`                | 否       | -      | 子元素，用于触发弹出操作 |
| itemRender | `(item: Action) => React.ReactNode` | 否       | -      | 自定义渲染操作项         |
| direction  | `'ltr' \| 'rtl'`                    | 否       | 'rtl'  | 布局方向                 |


<a id="Action"></a>

更多属性参考 Ant Design Mobile 的 Popover 组件

### Action

| 属性     | 类型              | 是否必传 | 默认值 | 说明     |
| -------- | ----------------- | -------- | ------ | -------- |
| icon     | `React.ReactNode` | 否       | -      | 图标元素 |
| text     | `string`          | 否       | -      | 操作文本 |
| disabled | `boolean`         | 否       | false  | 是否禁用 |
| onClick  | `() => void`      | 否       | -      | 点击回调 |