提示信息 Tooltip
1.说明
简单的文字提示气泡框。
何时使用
鼠标移入则显示提示，移出消失，气泡浮层不承载复杂文本和操作。
可用来代替系统默认的title提示，提供一个按钮/文字/操作的文案解释。
2.API
| 属性名称 | 数据类型 | 是否必填 | 默认值 | 回传参数 | 说明 |
|---|---|---|---|---|---|
| theme | enum | 否 | dark | 空 | dark,light |
| size | enum | 否 | default | 空 | large,medium,small |
| direction | string | 否 | west | 空 | south,west,north,east |
| content | any | 否 | "" | 空 | 提示信息 |
| iconCls | string | 否 | icon-help | 空 | 图标的class值 |
| color | string | 否 | #999 | 空 | 图片字体颜色 |
3.代码演示
/**
* Created by ALOG on 17/6/5.
*/
let React =require( "react");
let ReactDOM=require("react-dom");
let wasabi=require("wasabiD");
let DataGrid=wasabi.DataGrid;
let Button=wasabi.Button;
let ToolTip=wasabi.ToolTip;
let Transfer=wasabi.Transfer;
var alogUtil = require("../libs/alogUtil.js");
class Demo extends React.Component {
constructor(props) {
super(props);
}
render(){
return (
<ToolTip content="toolTip"><Button name="toolTip" title="鼠标经过显示提示信息"/></ToolTip>
)
}
}
ReactDOM.render(<Demo/>,document.getElementById("root"));