@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
24 lines (23 loc) • 1.08 kB
JavaScript
'use client';
import '@ui5/webcomponents-fiori/dist/ProductSwitchItem.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* The `ProductSwitchItem` web component represents the items displayed in the
* `ProductSwitch` web component.
*
* **Note:** `ProductSwitchItem` is not supported when used outside of `ProductSwitch`.
*
* ### Keyboard Handling
* The `ProductSwitch` provides advanced keyboard handling.
* When focused, the user can use the following keyboard
* shortcuts in order to perform a navigation:
*
* - [Space] / [Enter] or [Return] - Trigger `ui5-click` event
*
*
*
* __Note:__ This is a UI5 Web Component! [ProductSwitchItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/ProductSwitchItem) | [Repository](https://github.com/UI5/webcomponents)
*/
const ProductSwitchItem = withWebComponent('ui5-product-switch-item', ['icon', 'subtitleText', 'target', 'targetSrc', 'titleText'], [], ['image'], ['click']);
ProductSwitchItem.displayName = 'ProductSwitchItem';
export { ProductSwitchItem };