@beisen-phoenix/button-pgb v3.3.55
按钮
@beisen-phoenix/button-pgb
概述
对button组件进行封装,导出一种类型的button
Button API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
buttonType | 按钮功能类型,可选 'button','buttonGroup','iconButton','iconButtonGroup','textButton' | string | 'button' | 否 |
size | 按钮的大小 | 可选值包括 super、big、middle、small | small | 否 |
type | 按钮的类型 | 可选值包括 primary、secondary、normal | primary | 否 |
disable | 是否禁用 | boolean | false | 否 |
extraCls | 扩展的class名称,一般用于样式扩展 | string | -- | 否 |
preIcon | 前置icon | JSX.Element | -- | 否 |
suffixIcon | 后置icon | JSX.Element | -- | 否 |
loading | 是否处于loading状态(loading图标为内置图标,不可替换) | boolean | false | 否 |
onClick | 点击按钮的回调函数 | function | (e) => void | 否 |
IconButton API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
buttonType | 按钮功能类型,可选 'button','buttonGroup','iconButton','iconButtonGroup','textButton' | string | 'button' | 否 |
type | 按钮类型 | primary、secondary | primary | 否 |
disable | 是否禁用 | boolean | false | 否 |
tipInfo | 按钮hover时显示的提示信息 | string | -- | 否 |
children | 子组件,是一个Icon的组件 | React.ReactNode | -- | 否 |
loading | 是否处于loading状态(loading图标为内置图标,不可替换) | boolean | false | 否 |
hasBorder | 是否显示边框 | boolean | false | 否 |
radius | 边框的的圆角 | string | 否 | |
ref | 用来获取button的dom实例的引用 | (dom) => | -- | 否 |
onClick | 点击按钮的回调函数 | function | (e) => void | 否 |
TextButton API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
buttonType | 按钮功能类型,可选 'button','buttonGroup','iconButton','iconButtonGroup','textButton' | string | 'button' | 否 |
maxWidth | 按钮的最大宽度 | string | -- | 否 |
margin | 按钮的外边距,需要按照css margin 规范来赋值 | string | -- | 否 |
type | 按钮类型 | primary、secondary | primary | 否 |
size | 按钮的大小 | 可选值包括 big、small | big | 否 |
disable | 是否禁用 | boolean | false | 否 |
loading | 是否处于loading状态(loading图标为内置图标,不可替换) | boolean | false | 否 |
text | 按钮的显示文字 | string | -- | 否 |
icon | 自定义的icon | JSX.Element | -- | 否 |
onClick | 点击按钮的回调函数 | function | (e) => void | 否 |
ButtonGroup API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
buttonType | 按钮功能类型,可选 'button','buttonGroup','iconButton','iconButtonGroup','textButton' | string | 'button' | 否 |
type | 按钮类型 | primary、secondary | primary | 否 |
size | 按钮的大小 | 可选值包括 big、small | big | 否 |
initialIndex | 默认激活第几个 | number | 0 | 否 |
items | 按钮组的数据 | object {disable?: boolean, text: string} | [] | 否 |
onClick | 点击按钮的回调函数 | function | (item,e) => void | 否 |
IconButtonGroup API
参数 | 说明 | 类型 | 默认值 | 是否必传 |
---|---|---|---|---|
buttonType | 按钮功能类型,可选 'button','buttonGroup','iconButton','iconButtonGroup','textButton' | string | 'button' | 否 |
icons | 按钮组的自定义icon | { icon?: JSX.Element, tipInfo?: string, direct?: string, disable?: boolean } | [] | 否 |
onClick | 点击按钮的回调函数 | function | (index,item,e) => void | 否 |
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago