Skip to main content
Version: v9

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).