@momentum-ui/react-collaboration/dist/cjs/legacy/Popover/examples/Overflow.js

Cisco Momentum UI Framework for React Collaboration Applications

import React from 'react';
import { Button, Popover } from '@momentum-ui/react-collaboration';
export default function PopoverOverflow() {
    var tall = (React.createElement("span", { key: "1", style: { height: '3000px' } }, "Popover(height: 3000px)"));
    return (React.createElement("div", { className: "docs-example docs-example--spacing", style: {
            border: '2px solid #666666',
            width: '100%',
            height: '500px',
            overflow: 'scroll',
            padding: '125px',
        } },
        React.createElement(Popover, { isContained: true, checkOverflow: true, content: tall, direction: 'bottom-center', popoverTrigger: 'Click' },
            React.createElement(Button, { id: "overflow", children: "Tall", ariaLabel: "Tall" }))));
}
//# sourceMappingURL=Overflow.js.map