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

Cisco Momentum UI framework for ReactJs applications

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

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>
  );
}