@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
26 lines (25 loc) • 1.15 kB
JavaScript
'use client';
import '@ui5/webcomponents-fiori/dist/MediaGalleryItem.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* The `MediaGalleryItem` web component represents the items displayed in the
* `MediaGallery` web component.
*
* **Note:** `MediaGalleryItem` is not supported when used outside of `MediaGallery`.
*
* ### Keyboard Handling
* The `MediaGallery` 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! [MediaGalleryItem UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/fiori/MediaGalleryItem) | [Repository](https://github.com/UI5/webcomponents)
*
* @since [1.1.0](https://github.com/UI5/webcomponents/releases/tag/v1.1.0) of __@ui5/webcomponents-fiori__.
*/
const MediaGalleryItem = withWebComponent('ui5-media-gallery-item', ['layout'], ['disabled', 'selected'], ['thumbnail'], []);
MediaGalleryItem.displayName = 'MediaGalleryItem';
export { MediaGalleryItem };