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

Cisco Momentum UI framework for ReactJs applications

import React from 'react';
 import {
  Button,
  Popover
} from '@momentum-ui/react';
 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>
  );
}