Image

Onderdeel om een beeld weer te geven.

Opties

• src | string (required): beeldbronlocatie. Default: none.
• alt | string: beeldbeschrijving. Default: ''.
• body | string: basis64 gecodeerde gegevens van het beeld. Default: none.
• height | (number|string): beeldhoogte (in px). Default: none.
• width | (number|string): beeldbreedte (in px). Default: none.
• inline | boolean: maakt het mogelijk de afbeelding te omgeven door tekst. Default: false.
• id | string: componentenidentificatiecode. Default: none.
• showModal | boolean: bepaalt of de modale weergave op volledig scherm moet worden weergegeven. Default: true.
• className | string: klassennaam. Default: ''.
• style | object: CSS inline-stijlen. Default: {}.
• onShare | function: callback aangeroepen met de afbeelding als op de "share" knop wordt geklikt. Default: none.

Voorbeelden

• Minimal
• With Border
• Controlled Size
• Inline

Live redacteur

<Image alt="Self-portrait by Vincent van Gogh from September 1889." src="https://bit.ly/37cof7K" />

<Image 
    alt="Self-portrait by Vincent van Gogh from September 1889." 
    src="https://bit.ly/37cof7K"
/>

Resultaat

ReferenceError: Provider is not defined