-
组件布局 Layout视图 View导航 Navigation反馈 Feedback
按钮 Buttonissue v2.0.20- v2.0.20
- v2.0.19
- v2.0.18
- v2.0.17
- v2.0.16
- v2.0.15
- v2.0.14
- v2.0.12
- v2.0.11
- v2.0.10
- v2.0.9
- v2.0.8
- v2.0.7
- v2.0.6
- v2.0.5
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
- v2.0.20
- v2.0.19
- v2.0.18
- v2.0.17
- v2.0.16
- v2.0.15
- v2.0.14
- v2.0.12
- v2.0.11
- v2.0.10
- v2.0.9
- v2.0.8
- v2.0.7
- v2.0.6
- v2.0.5
- v2.0.4
- v2.0.3
- v2.0.2
- v2.0.1
按钮组件通过点击执行一个具体的行为或动作。
何时使用
需要通过点击按钮响应行为的时候
如何使用
import { Button } from 'tinper-bee';
or
import Button from 'bee-button';
import 'bee-button/build/Button.css';
能力特性
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 按钮大小(lg xg md sm ) |
string | - |
colors | 颜色(primary/secondary/accent/success/info/warning/danger/dark/light/default) | string | '' |
shape | 形状(block/round/squared/floating/pillRight/pillLeft/icon) | string | '' |
disabled | 是否禁用(disabled 或 true false ) |
boolean | false |
bordered | 是否是边框型(bordered 或 true false ) |
boolean | false |
className | 增加额外的class | string | '' |
htmlType | html dom 的 type 属性(submit button reset ) |
string | button |
style | style 属性 | object | '' |
注意事项
暂无
更新日志
-
v2.0.18 2020-04-23 ( release地址 )
-
v2.0.17 2020-04-23 ( release地址 )
-
v2.0.10 2019-03-27 ( release地址 )
- [Feature]bee-button @2.0.10
- 次按钮背景色改为 #ECEFF1,hover和active态背景色改为 #DFE1E6
- [Feature]bee-button @2.0.10
-
v2.0.9 2019-03-15 ( release地址 )
- [Fixbug]bee-button @2.0.9,解决图标按钮图标错位问题
-
v2.0.8 2019-03-11 ( release地址 )
- [Fixbug]bee-button @2.0.8,解决按钮active态错误问题
-
v2.0.6 2019-03-07 ( release地址 )
- [Feature]bee-button @2.0.6
- 按钮hover背景色和active背景色改为一致
- [Feature]bee-button @2.0.6
-
v2.0.7 2019-03-07 ( release地址 )
- bee-button @2.0.7
- [Fixbug]解决按钮设置bordered无效的问题
- [Feature]增加图标按钮、图标+文字按钮示例
- [Feature]规范按钮disabled状态的样式
- [Feature]规范按钮文字颜色
- bee-button @2.0.7
-
v2.0.5 2019-03-02 ( release地址 )
- [Feature]bee-button @2.0.5
- 按钮点击后的focus状态和默认样式保持一致
- 所有按钮的disable状态,去掉hover和active样式
- [Feature]bee-button @2.0.5