@momentum-ui/react-collaboration
Version:
Cisco Momentum UI Framework for React Collaboration Applications
14 lines • 1.14 kB
JavaScript
import React from 'react';
import { Button, Popover } from '@momentum-ui/react-collaboration';
export default function PopOverHoverAccessible() {
var content = (React.createElement("div", { style: { display: 'block' } }, [1, 2, 3].map(function (id) {
return (React.createElement("div", { style: { margin: '7px' }, key: id },
React.createElement(Button, { id: "#btn".concat(id), tabIndex: "0" }, "B".concat(id))));
})));
return (React.createElement("div", { className: "docs-example docs-example--spacing" },
React.createElement(Popover, { content: content, includeFocusOnHover: false, autoFocusOnFirstElt: true },
React.createElement(Button, { id: "accessible-hover-popover1" }, "Accessible Hover Popover (without closeOnFocusLeavesContent)")),
React.createElement(Popover, { content: content, includeFocusOnHover: false, autoFocusOnFirstElt: true, closeOnFocusLeavesContent: true },
React.createElement(Button, { id: "accessible-hover-popover2" }, "Accessible Hover Popover (with closeOnFocusLeavesContent)"))));
}
//# sourceMappingURL=AccessibleHoverPopover.js.map