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.
33 lines
751 B
33 lines
751 B
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, containerClassName, onHidden } = props
|
|
|
|
return h('div', {
|
|
className: wrapperClassName,
|
|
}, [
|
|
|
|
h(ReactTippy, {
|
|
title,
|
|
position: position || 'left',
|
|
trigger: 'mouseenter',
|
|
hideOnClick: false,
|
|
size: 'small',
|
|
arrow: true,
|
|
className: containerClassName,
|
|
onHidden,
|
|
}, children),
|
|
|
|
])
|
|
}
|
|
|