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

Cisco Momentum UI Framework for React Collaboration Applications

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

export default function TooltipDefault() {
  return (
    <div className="row">
      <div className="docs-example docs-example--spacing">
        <Tooltip tooltip="Hello!" tooltipTrigger="Click">
          <Button id="default-1" children="Click" ariaLabel="Click" />
        </Tooltip>
      </div>

      <div className="docs-example docs-example--spacing">
        <Tooltip tooltip="Hello!" tooltipTrigger="MouseEnter">
          <Button id="default-2" children="MouseEnter" ariaLabel="MouseEnter" />
        </Tooltip>
      </div>

      <div className="docs-example docs-example--spacing">
        <Tooltip tooltip="Hello!" tooltipTrigger="Focus">
          <Button id="default-3" children="Focus" ariaLabel="Focus" />
        </Tooltip>
      </div>
    </div>
  );
}