Feature Block

Image Feature Block component at the top of a river page displaying main product.

Preview

Brave the blue

From riding big waves in the Pacific Ocean to exploring coral reefs in the Caribbean Sea, answer the call of the ocean with a watch ready for the water.^2,6

How to use Feature Block in Astro

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

index.astro

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

    <FeatureBlock
        imgSrc="https://static.isitetv.com/clients/isite/samsung-component-library/docs/brave-the-blue.png"
        imgAlt=""
        heading="Brave the blue"
        description="From riding big waves in the Pacific Ocean to exploring coral reefs in the Caribbean Sea, answer the call of the ocean with <strong>a watch ready for the water</strong>.<sup class='srp-footnote'>2,6</sup>"
        imgWidth="540"
        firstOrder
        textAlignCenter
        fullWidth
        headingBold
    />