feat(objecttile): L3-4753 accept srcset & sizes from object tile (#447)

Co-authored-by: Sam Grund <[email protected]>
PhillipsAuctionHouse · Dec 10, 2024 · dfd959f · dfd959f
1 parent 48ed16b
commit dfd959f
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/patterns/ObjectTile/ObjectTile.tsx b/src/patterns/ObjectTile/ObjectTile.tsx
@@ -36,6 +36,14 @@ export interface ObjectTileProps extends ComponentProps<'a'> {
    * Image URL for the object.
    */
   imageUrl?: string;
+  /**
+   * Image srcset for the object. [https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset]
+   */
+  imageSrcSet?: string;
+  /**
+   * Image sizes for the object. [https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes]
+   */
+  imageSizes?: string;
   /**
    * Object Lot number.
    */
@@ -82,6 +90,8 @@ const ObjectTile = forwardRef<HTMLAnchorElement, ObjectTileProps>(
       favoriteElement: FavoriteElement,
       imageAlt = 'Brought to you by Phillips',
       imageUrl = '',
+      imageSrcSet,
+      imageSizes,
       lotNumber,
       makerText,
       modelText,
@@ -102,6 +112,8 @@ const ObjectTile = forwardRef<HTMLAnchorElement, ObjectTileProps>(
           className={`${baseClassName}__img`}
           objectFit="cover"
           src={imageUrl}
+          srcSet={imageSrcSet}
+          sizes={imageSizes}
         />
         {!withdrawnText ? (
           <Text className={`${baseClassName}__badge`} variant={TextVariants.badge}>