Xy-button NPM | npm.io


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