1.0.0 • Published 5 years ago
@xme-react/button v1.0.0
按钮 / Button
使用
参数 | 类型 | 备注 |
---|---|---|
type | String | 按钮类型,可选项primary |
size | String | 按钮大小,默认middle ,可选项small 、middle 、large |
onClick | Function | 点击的回调 |
loading | Boolean | 是否显示loading |
disabledWhenLoading | Boolean | 在loading的时候,不要触发点击回调 |
cls | String | 自定义样式名 |
htmlType | String | 按钮原生的类型,默认button ,可选reset(重置) 、submit(提交) 、button |
import React from 'react'
import ReactDOM from 'react-dom'
import Button from '@xm/Button'
ReactDOM.render((
<div>
<p><Button size="small">你好</Button></p>
<p><Button size="small" loading>你好</Button></p>
<p><Button>你好</Button></p>
<p><Button loading>你好</Button></p>
<p><Button size="large">你好</Button></p>
<p><Button size="large" loading>你好</Button></p>
<p><Button type="primary" size="small">你好</Button></p>
<p><Button type="primary" size="small" loading>你好</Button></p>
<p><Button type="primary">你好</Button></p>
<p><Button type="primary" loading>你好</Button></p>
<p><Button type="primary" size="large">你好</Button></p>
<p><Button type="primary" size="large" loading>你好</Button></p>
</div>), document.body)
1.0.0
5 years ago