1.0.10 • Published 5 years ago
tooltip-ff v1.0.10
Install
npm i tooltip-ff
Usage
import React from 'react';
import ReactDOM from 'react-dom';
import XToolTip from 'tooltip-ff';
ReactDOM.render (
<XToolTip position={'right'} content={'测试'}>
{'我是测试按钮'}
</XToolTip>,
document.getElementById ('app')
);
API
参数 | 说明 | 类型 | 默认 |
---|---|---|---|
position | 气泡框位置,可选top ,tl ,tr ,left ,lt ,lb ,right ,rt ,rb ,bottom ,bl ,br | string | right |
content | 气泡展示内容 | string/ReactNode/() => ReactNode | 无 |
trigger | 触发行为,可选hover ,click | string | hover |
defaultVisible | 默认是否显隐 | boolean | false |
mouseEnter | 鼠标移入回调 | () => void | 无 |
mouseLeave | 鼠标移出回调 | () => void | 无 |
click | 点击回调 | () => void | 无 |
demo
npm install
http://localhost:8080/