Component API

<gallery-item-variant>

Open live example

Responsive image source metadata for a parent gallery-item.

Install

import "@f-ewald/components/gallery-item-variant.js";

Usage

<gallery-item-variant
  media="(max-width: 640px)"
  srcset="/photos/coast-portrait.jpg"
></gallery-item-variant>

Attributes / properties

PropertyAttributeTypeDefaultDescription
mediamediastring | undefined-Optional media query that controls when this source is selected.
srcsetsrcsetstring""Responsive image candidate string passed to a generated <source>.

Events

None.

Slots

None.

CSS custom properties

None.