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/

npm address

npm tooltip-ff