Any way to set the width and height to 100% of the container that the Image is in?

[AizenSousuke]

<Image src={${
props.imageLink ??
"http://loremflickr.com/480/272/default"
}} alt="button" fallback={<Shimmer width={100%} height={100%} />} />

[gokcan]

Hey @AizenSousuke,

You'll need to pass actual width and height in pixels if you want to use <Shimmer /> as a fallback.

This lib is quite useful for achieving what you want to achieve. An implementation like below should work:

import React from 'react'
import Image, { Shimmer } from 'react-shimmer
import ContainerDimensions from 'react-container-dimensions'

export const App = ({ src }) => (
    <div>
        <ContainerDimensions>
           {({ width, height }) => 
            <Image
             src={src}
             fallback={<Shimmer width={width} height={height} />}
            />
           }
        </ContainerDimensions>
    <div>
)

[AizenSousuke]

Thank you!