按钮 Button
issue

按钮组件通过点击执行一个具体的行为或动作。

何时使用

需要通过点击按钮响应行为的时候

如何使用

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 是否禁用(disabledtrue false) boolean false
bordered 是否是边框型(borderedtrue false) boolean false
className 增加额外的class string ''
htmlType html dom 的 type 属性(submit button reset) string button
style style 属性 object ''

注意事项

暂无

更新日志

  • v2.0.19 2020-04-23 ( release地址 )

    Bug Fixes

    • attach changelog to github releases (e9d3ecc)
  • 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
  • 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背景色改为一致
  • v2.0.7 2019-03-07 ( release地址 )

    • bee-button @2.0.7
      • [Fixbug]解决按钮设置bordered无效的问题
      • [Feature]增加图标按钮、图标+文字按钮示例
      • [Feature]规范按钮disabled状态的样式
      • [Feature]规范按钮文字颜色
  • v2.0.5 2019-03-02 ( release地址 )

    • [Feature]bee-button @2.0.5
      • 按钮点击后的focus状态和默认样式保持一致
      • 所有按钮的disable状态,去掉hover和active样式