feat: allow hiding of lqip

storyofams · Apr 16, 2021 · 4d3c2e9 · 4d3c2e9 · vercel · Apr 16, 2021
1 parent 9bd710c
commit 4d3c2e9
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/image/Image.tsx b/src/image/Image.tsx
@@ -26,12 +26,19 @@ interface ImageProps
    * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture#the_media_attribute
    */
   media?: string;
+  /**
+   * Show a Low-Quality Image Placeholder.
+   *
+   * @default true
+   */
+  showPlaceholder?: boolean;
 }
 
 export const Image = ({
   fixed,
   fluid,
   height,
+  showPlaceholder = true,
   smart,
   width,
   ref,
@@ -107,7 +114,9 @@ export const Image = ({
         }}
       />
 
-      <Placeholder src={props.src} shouldShow={!isLoaded} />
+      {showPlaceholder && (
+        <Placeholder src={props.src} shouldShow={!isLoaded} />
+      )}
 
       <Picture
         {...pictureProps}