Skip to main content

MediaGalleryItem

The ui5-media-gallery-item web component represents the items displayed in the ui5-media-gallery web component.

Note: ui5-media-gallery-item is not supported when used outside of ui5-media-gallery.

Keyboard Handling​

The ui5-media-gallery 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

ES6 Module Import​

import "@ui5/webcomponents-fiori/dist/MediaGalleryItem.js"; (comes with ui5-media-gallery)

Properties​

selected​

DescriptionDefines the selected state of the component.
Typeboolean
Defaultfalse

disabled​

DescriptionDefines whether the component is in disabled state.
Typeboolean
Defaultfalse

layout​

DescriptionDetermines the layout of the item container.
Type"Square" | "Wide"
Default"Square"

Slots​

default​

DescriptionDefines the content of the component.
TypeArray<HTMLElement>

thumbnail​

DescriptionDefines the content of the thumbnail.
TypeArray<HTMLElement>

Events​

No events available for this component.

Methods​

No methods available for this component.

CSS Parts​

No CSS parts available for this component.