Storybook showcase

AdaptativeImage

Responsive image insertion (adapts to the screen size)

Do not use this component for PNG images, use ImageWithTransparency component instead

Parameters

src : url de l'image (required)
alt : description de l'image (required)
type : le format de l'image (jpg, svg) (optionnel)
roundShape : bord arrondi (optionnel - default: false)

Examples

<AdaptiveImage
                src="pages/index/onboarding-steps-fr"
                alt="assoconnect demo logiciel"
                type="jpg"
              />

Rounded border + JPG

<AdaptiveImage
                src="pages/index/header-home-comp-new-2"
                alt="assoconnect demo logiciel"
                type="jpg"
                roundShape="ROUNDED"
              />

circle border + JPG

<AdaptiveImage
                src="pages/index/header-home-comp-new-2"
                alt="assoconnect demo logiciel"
                type="jpg"
                roundShape="CIRCLE"
              />

blob border + JPG

<AdaptiveImage
                src="pages/index/header-home-comp-new-2"
                alt="assoconnect demo logiciel"
                type="jpg"
                roundShape="BLOB"
              />