@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
17 lines (16 loc) • 1.01 kB
JavaScript
'use client';
import { withWebComponent } from '../../internal/withWebComponent.js';
/**
* 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! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
*/
const ResponsivePopover = withWebComponent('ui5-responsive-popover', ['accessibleName', 'accessibleNameRef', 'accessibleRole', 'headerText', 'horizontalAlign', 'initialFocus', 'opener', 'placement', 'verticalAlign'], ['allowTargetOverlap', 'hideArrow', 'modal', 'open', 'preventFocusRestore', 'preventInitialFocus'], ['footer', 'header'], ['before-close', 'before-open', 'close', 'open']);
ResponsivePopover.displayName = 'ResponsivePopover';
export { ResponsivePopover };