react-components/examples/tooltip.jsx

React components used by Khan Academy

// {{{
var pStyle = {
    margin: 0,
    padding: 10,
    backgroundColor: "white"
};

var tStyle = {
    display: 'inline-block',
    fontWeight: 'bold'
};
// }}}

return <Tooltip className="class-for-tooltip-contents"
                horizontalPosition="left"
                horizontalAlign="left"
                verticalPosition="bottom"
                arrowSize={10}
                borderColor="#ccc"
                targetContainerStyle={tStyle}
                show>
    <div>reticulating splines!</div>
    <p style={pStyle}>
        <a href="http://sims.wikia.com/wiki/Reticulating_splines">meaningless phrase</a>
    </p>
</Tooltip>;