@momentum-ui/react-collaboration/src/legacy/Popover/examples/Offset.js

Cisco Momentum UI Framework for React Collaboration Applications

import React from 'react';
import { Button, Popover } from '@momentum-ui/react-collaboration';
export default function PopoverOffset() {
  const contentOffset = (
    <span key="1" style={{ padding: '10px' }}>
      Offset
    </span>
  );
  return (
    <div className="docs-example docs-example--spacing">
      <Popover content={contentOffset} direction={'top-center'} targetOffset={{ vertical: 20 }}>
        <Button id="offset" children="offset" ariaLabel="offset" />
      </Popover>
    </div>
  );
}