Key Visual

Image Key Visual component at the top of a riverpage displaying main product.

Preview

How to use Key Visual in Astro

Images for this component are exported from the Figma design files as a png at 2x.

index.astro

    ---
    import {KeyVisual} from "@isitetv/srp-toolkit";
    ---

    <KeyVisual
      kvMobile="mobile-kv-image-url"
      kvDesktop="desktop-kv-image-url"
      altText="text-to-describe-image"
    />