@ui5/webcomponents-react/dist/webComponents/ResponsivePopover/index.js

React Wrapper for UI5 Web Components and additional components

'use client';

import '@ui5/webcomponents/dist/ResponsivePopover.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * The `ResponsivePopover` acts as a Popover on desktop and tablet, while on phone it acts as a Dialog.
 * The component improves tremendously the user experience on mobile.
 *
 * ### Usage
 * Use it when you want to make sure that all the content is visible on any device.
 *
 *
 *
 * __Note:__ This is a UI5 Web Component! [ResponsivePopover UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ResponsivePopover) | [Repository](https://github.com/UI5/webcomponents)
 */
const ResponsivePopover = withWebComponent('ui5-responsive-popover', ['accessibleDescription', 'accessibleDescriptionRef', 'accessibleName', 'accessibleNameRef', 'accessibleRole', 'headerText', 'horizontalAlign', 'initialFocus', 'opener', 'placement', 'verticalAlign'], ['allowTargetOverlap', 'hideArrow', 'modal', 'open', 'preventFocusRestore', 'preventInitialFocus', 'resizable'], ['footer', 'header'], ['before-close', 'before-open', 'close', 'open']);
ResponsivePopover.displayName = 'ResponsivePopover';
export { ResponsivePopover };