IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
Button
按钮用于开始一个即时操作。在线例子
安装
# yarn yarn add xy-button classnames
使用例子
;;;ReactDOM.render, container;
何时使用
标记了一个(或封装一组)操作命令,响应用户点击行为,触发相应的业务逻辑。
API
按钮
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
ghost | 幽灵属性,使按钮背景透明 | boolean | false |
long | 是否长按钮 | boolean | false |
icon | 设置按钮的图标类型 | IconDefinition | - |
loading | 设置按钮载入状态 | boolean | false |
disabled | 按钮失效状态 | boolean | false |
shape | 设置按钮形状,可选值为 circle 或者不设 |
string | - |
size | 设置按钮大小,可选值为 small large 或者不设 |
string | default |
type | 设置按钮类型,可选值为 primary dashed text danger 或者不设 |
string | - |
onClick | click 事件的 handler |
function | - |
按钮组
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
shape | 设置按钮形状,可选值为 circle 或者不设 |
string | - |
size | 设置按钮大小,可选值为 small large 或者不设 |
string | default |
vertical | 是否垂直 | boolean | false |
开发
yarn run start
例子
测试
yarn run test
开源许可
xy-button is released under the MIT license.