Add simple tooltip to help

[MAILPOET-976]
This commit is contained in:
Pavel Dohnal
2017-08-01 16:27:27 +02:00
parent f7b1016e63
commit 2d702dd5d3
5 changed files with 92 additions and 0 deletions

View File

@@ -0,0 +1,44 @@
import React from 'react';
import ReactTooltip from 'react-tooltip';
function Tooltip(props) {
let tooltipId = props.tooltipId;
// tooltip ID must be unique, defaults to tooltip text
if(!props.tooltipId && typeof props.tooltip === "string") {
tooltipId = props.tooltip;
}
return (
<span>
<span
style={{
cursor: "help",
}}
className="tooltip dashicons dashicons-editor-help"
data-event="click"
data-tip
data-for={tooltipId}
>
</span>
<ReactTooltip
globalEventOff="click"
multiline={true}
id={tooltipId}
efect="solid"
>
{props.tooltip}
</ReactTooltip>
</span>
);
}
Tooltip.propTypes = {
tooltipId: React.PropTypes.string,
tooltip: React.PropTypes.node.isRequired,
};
Tooltip.defaultProps = {
tooltipId: undefined,
};
module.exports = Tooltip;