Image

Komponente zur Anzeige eines Bildes.

Optionen

• src | string (required): Bildquelle Standort. Default: none.
• alt | string: Bildbeschreibung. Default: ''.
• body | string: base64-kodierte Daten des Bildes. Default: none.
• height | (number|string): Bildhöhe (in px). Default: none.
• width | (number|string): Bildbreite (in px). Default: none.
• inline | boolean: erlaubt es, das Bild mit Text zu umgeben. Default: false.
• id | string: Bauteilkennzeichen. Default: none.
• showModal | boolean: steuert, ob die modale Vollbildansicht angezeigt werden soll. Default: true.
• className | string: Klassenname. Default: ''.
• style | object: CSS-Inline-Stile. Default: {}.
• onShare | function: Callback, der mit dem Bild aufgerufen wird, wenn die Schaltfläche "Teilen" angeklickt wird. Default: none.

Beispiele

• Minimal
• With Border
• Controlled Size
• Inline

Live-Editor

<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"
/>

Ergebnis

ReferenceError: Provider is not defined