MediaGalleryItem

<ui5-media-gallery-item> | Since 1.1.0

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

Description	Defines the selected state of the component.
Type	boolean
Default	false

disabled

Description	Defines whether the component is in disabled state.
Type	boolean
Default	false

layout

Description	Determines the layout of the item container.
Type	"Square" | "Wide" (value descriptions in: MediaGalleryItemLayout)
Default	"Square"

Slots

default

Description	Defines the content of the component.
Type	Array<HTMLElement>

thumbnail

Description	Defines the content of the thumbnail.
Type	Array<HTMLElement>

Events

No events available for this component.

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.

CSS Custom States

No CSS custom states available for this component.