Comparison Table

Comparison Table

Preview

How to use Comparison Table in Astro

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

index.astro

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

    ---

<ComparisonTable>
  <ProductsRow>
    <ProductBlock
      productImage="https://static.isitetv.com/clients/isite/samsung-component-library/docs/compare-TabA9.png"
      altText="Tab A9 image"
      width="300"
      height="230"
    />
    <ProductBlock
      productImage="https://static.isitetv.com/clients/isite/samsung-component-library/docs/compare-TabA9.png"
      altText="Tab A11 image"
      width="300"
      height="230"
      selected
    />
  </ProductsRow>
</ComparisonTable>