按钮组件
使用方式
import {Buttons} from '../components/index';
<Buttons>默认default</Buttons>
<Buttons type = "primary" >首选primary</Buttons>
<Buttons type = "success">成功success</Buttons>
<Buttons type = "danger">危险danger</Buttons>
<Buttons type = "info">一般info</Buttons>
<Buttons type = "warning">警告warning</Buttons>
<Buttons type = "link">链接link</Buttons>
按钮块
<Buttons display = "block" > 默认default</Buttons>
按钮尺寸
<Buttons type = "primary" size="large">大号按钮</Buttons>
<Buttons type = "primary" >中号按钮(默认)</Buttons>
<Buttons type = "primary" size="small">小号按钮</Buttons>
按钮禁止
<Buttons type = "primary" disabled = {true}>首选primary</Buttons>
事件
<Buttons type = "danger"onClick = { this.sublimeButton} >登录</Buttons>
| 属性 |
描述 |
类型 |
| type |
按钮状态 : primary , success , danger ,info ,warning |
string |
| display |
block |
string |
| size |
large(大),small(小),默认值 |
string |
| disabled |
disabled |
boolean |
| onClick |
click 事件的 handler |
function |