Vulcan/packages/vulcan-ui-bootstrap/lib/components/ui/TooltipTrigger.jsx

22 lines
621 B
JavaScript

/*
children: the content of the tooltip
trigger: the component that triggers the tooltip to appear
*/
import React from 'react';
import { registerComponent } from 'meteor/vulcan:core';
import Tooltip from 'react-bootstrap/Tooltip';
import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
const TooltipTrigger = ({ children, trigger, placement = 'top', ...rest }) => {
const tooltip = <Tooltip id="tooltip">{children}</Tooltip>;
return (
<OverlayTrigger placement={placement} {...rest} overlay={tooltip}>
{trigger}
</OverlayTrigger>
);
};
registerComponent('TooltipTrigger', TooltipTrigger);