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

React Wrapper for UI5 Web Components and additional components

'use client';

import '@ui5/webcomponents-fiori/dist/ProductSwitch.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
 * 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! [ProductSwitch UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/ProductSwitch) | [Repository](https://github.com/UI5/webcomponents)
 */
const ProductSwitch = withWebComponent('ui5-product-switch', [], [], [], []);
ProductSwitch.displayName = 'ProductSwitch';
export { ProductSwitch };