 |
 |
 |
 |
 |
|---|---|---|---|---|
| IE 10+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
Button
按钮用于开始一个即时操作。在线例子
安装
# yarn
yarn add xy-button classnames使用例子
import React from "react";
import ReactDOM from "react-dom";
import { Button, ButtonGroup } from "xy-button";
ReactDOM.render(<Button>按钮</Button>, 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.
