@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
26 lines (25 loc) • 1.1 kB
JavaScript
'use client';
import '@ui5/webcomponents-fiori/dist/ProductSwitch.js';
import { withWebComponent } from '../../internal/withWebComponent.js';
/**
* The `ProductSwitch` is an SAP Fiori specific web component that is used in `ShellBar`
* and allows the user to easily switch between products.
*
* ### Keyboard Handling
* The `ProductSwitch` provides advanced keyboard handling.
* When focused, the user can use the following keyboard
* shortcuts in order to perform a navigation:
*
* - [Tab] - Move focus to the next interactive element after the `ProductSwitch`
* - [Up] or [Down] - Navigates up and down the items
* - [Left] or [Right] - Navigates left and right the items
*
*
*
* `import "@ui5/webcomponents-fiori/dist/ProductSwitchItem.js";` (for `ProductSwitchItem`)
*
* __Note__: This is a UI5 Web Component! [Repository](https://github.com/SAP/ui5-webcomponents) | [Documentation](https://sap.github.io/ui5-webcomponents/)
*/
const ProductSwitch = withWebComponent('ui5-product-switch', [], [], [], []);
ProductSwitch.displayName = 'ProductSwitch';
export { ProductSwitch };