普通按钮 Button
1.说明
按钮用于开始一个即时操作。
2.API
| 属性名称 | 数据类型 | 是否必填 | 默认值 | 回传参数 | 说明 |
|---|---|---|---|---|---|
| name | string | 是 | null | 空 | 按钮名称 |
| title | string,object | 是 | null | 空 | 按钮标题 |
| delay | number(毫秒) | 否 | null | 空 | 延迟时间，在这时间内不可以再次点击 |
| tip | string | 否 | null | 空 | 按钮提示信息 |
| theme | string | 否 | default | 空 | primary,success,info,warning,danger,green,cancel,default,solid |
| size | enum | 否 | default | 空 | large,default,small |
| style | Object | 否 | null | 空 | 自定义style |
| className | string | 否 | null | 空 | 自定义className |
| disabled | bool | 否 | false | 空 | 按钮是否无效 |
| hide | bool | 否 | false | 空 | 按钮是否隐藏 |
| onClick | func | 否 | null | name,title | 单击事件 |
2.代码演示
let React =require( "react");
let ReactDOM=require("react-dom");
let wasabi=require("wasabiD");
let Button=wasabi.Button;
class Demo extends React.Component {
render(){
return (
<div>
<Button namt="btn1" title="按钮1" tip="这是说明文字" theme="green" size="large"/>
<Button namt="btn2" title="按钮2" theme="warning" disabled={true}/>
<Button namt="btn3" title="按钮3" theme="solid" size="small"/>
</div>
)
}
}
ReactDOM.render(<Demo/>,document.getElementById("root"));