You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
668 B
32 lines
668 B
7 years ago
|
const Component = require('react').Component
|
||
|
|
const h = require('react-hyperscript')
|
||
|
|
const inherits = require('util').inherits
|
||
|
|
const ReactTippy = require('react-tippy').Tooltip
|
||
|
|
|
||
|
|
module.exports = Tooltip
|
||
|
|
|
||
|
|
inherits(Tooltip, Component)
|
||
|
|
function Tooltip () {
|
||
|
|
Component.call(this)
|
||
|
|
}
|
||
|
|
|
||
|
|
Tooltip.prototype.render = function () {
|
||
|
|
const props = this.props
|
||
|
|
const { position, title, children, wrapperClassName } = props
|
||
|
|
|
||
|
|
return h('div', {
|
||
|
|
className: wrapperClassName,
|
||
|
|
}, [
|
||
|
|
|
||
|
|
h(ReactTippy, {
|
||
|
|
title,
|
||
|
|
position: position || 'left',
|
||
|
|
trigger: 'mouseenter',
|
||
|
|
hideOnClick: false,
|
||
|
|
size: 'small',
|
||
|
|
arrow: true,
|
||
|
|
}, children),
|
||
|
|
|
||
|
|
])
|
||
|
|
}
|