Skip to main content
Version: v10

ion-gallery-item

shadow

Gallery Item is a child component of Gallery. It wraps the content for a single cell of the grid. The content can be plain text or any element, including an img, a figure with a caption, or a Card.

Gallery Items must be placed inside a Gallery, which arranges them and applies layout-specific styling to each item, such as a square aspect ratio in the uniform layout.

Refer to the Gallery documentation for more information.

Properties​

mode​

DescriptionThe mode determines the platform behaviors of the component.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributemode
Type"ios" | "md"
Defaultundefined

theme​

DescriptionThe theme determines the visual appearance of the component.

This is a virtual property that is set once during initialization and will not update if you change its value after the initial render.
Attributetheme
Type"ios" | "md" | "ionic"
Defaultundefined

Events​

No events available for this component.

Methods​

No public methods available for this component.

CSS Shadow Parts​

No CSS shadow parts available for this component.

CSS Custom Properties​

No CSS custom properties available for this component.

Slots​

NameDescription
The content placed inside of the gallery item. This is typically an img, but can be any element (e.g. a figure wrapping an image and caption).