@momentum-ui/react-collaboration/src/legacy/Tooltip/examples/Content.js

Cisco Momentum UI Framework for React Collaboration Applications

import React from 'react';
import { Button, Tooltip } from '@momentum-ui/react-collaboration';

export default function TooltipContent() {
  const content = <span style={{ color: 'white', padding: '16px' }}> content! </span>;

  return (
    <div className="docs-example docs-example--spacing">
      <Tooltip
        tooltip="Hello!"
        tooltipTrigger="Click"
        popoverProps={{
          direction: 'right-center',
          content,
        }}
      >
        <Button id="content" children="Content" ariaLabel="Content" />
      </Tooltip>
    </div>
  );
}