跳转到内容

ProButton 按钮

ProButton 是基于Antv Button的扩展,支持Antv Button的所有属性。

使用演示

ProButton 支持TooltipConfirmPopconfirmDropdown等扩展功能,其他使用示例请前往Antv Button查看。

API

Props

参数说明类型默认值
mode按钮模式,default:普通按钮,popconfirm:气泡确认框按钮,confirm:对话框按钮,dropdown:下拉菜单按钮default | popconfirm | confirm | dropdown'default'
tooltip按钮文字提示string-
tooltipPropsAntv Tooltip 的所有属性TooltipProps-
dropdownPropsAntv Dropdown 的所有属性,mode值为dropdown时有效DropdownProps-
menuPropsAntv Menu 的所有属性,mode值为dropdown时有效MenuProps-
itemsAntv Menu 的菜单内容,mode值为dropdown时有效ItemType[]-
popconfirmPropsAntv Popconfirm 的所有属性,mode值为popconfirm时有效PopconfirmProps-
confirmPropsAntv Modal.confirm 的所有属性,mode值为confirm时有效PopconfirmProps-
icon-style按钮图标的styleCSSProperties-
block将按钮宽度调整为其父宽度的选项booleanfalse
danger设置危险按钮booleanfalse
disabled按钮失效状态booleanfalse
ghost幽灵属性,使按钮背景透明booleanfalse
href点击跳转的地址,指定此属性 button 的行为和 a 链接一致string-
htmlType设置 button 原生的 type 值,可选值请参考 HTML 标准stringbutton
loading设置按钮载入状态boolean | { delay: number }false
shape设置按钮形状default | circle | rounddefault
size设置按钮大小large | middle | smallmiddle
target相当于 a 链接的 target 属性,href 存在时生效string-
type设置按钮类型primary | ghost | dashed | link | text | defaultdefault

Events

事件名说明类型
click点击按钮时的回调,mode值为default时生效(event) => void
confirm点击确定时的回调,mode值为popconfirm | confirm时生效() => void
cancel点击取消时的回调,mode值为popconfirm | confirm时生效() => void
menu-click点击下拉菜单项时的回调,mode值为dropdown时生效({ item, key, keyPath }) => void

Slots

插槽名说明类型
default自定义默认内容-
icon自定义图标组件-

源代码

组件文档

贡献者