diff --git a/src/Image/index.tsx b/src/Image/index.tsx index b4fc815..a8380b6 100644 --- a/src/Image/index.tsx +++ b/src/Image/index.tsx @@ -61,6 +61,8 @@ type ImagePropTypes = { explicitWidth?: boolean; /** Triggered when the image finishes loading */ onLoad?(): void; + /** Whether the image should use a blurred image placeholder */ + usePlaceholder?: boolean; }; type State = { @@ -116,6 +118,7 @@ export const Image = forwardRef( explicitWidth, data, onLoad, + usePlaceholder = true, }, ref ) => { @@ -170,7 +173,7 @@ export const Image = forwardRef( const transition = fadeInDuration > 0 ? `opacity ${fadeInDuration}ms` : undefined; - const placeholder = ( + const placeholder = usePlaceholder ? (
( ...absolutePositioning, }} /> - ); + ) : null; const { width, aspectRatio } = data; const height = data.height || width / aspectRatio;