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

Cisco Momentum UI framework for ReactJs applications

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

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