Image

Komponentti kuvan näyttämiseen.

Vaihtoehdot

• src | string (required): kuvan lähteen sijainti. Default: none.
• alt | string: kuvan kuvaus. Default: ''.
• body | string: kuvan base64-koodatut tiedot. Default: none.
• height | (number|string): kuvan korkeus (px). Default: none.
• width | (number|string): kuvan leveys (px). Default: none.
• inline | boolean: mahdollistaa kuvan ympäröimisen tekstillä. Default: false.
• id | string: komponentin tunniste. Default: none.
• showModal | boolean: valvoo, näytetäänkö koko näytön modaalinen näkymä.. Default: true.
• className | string: luokan nimi. Default: ''.
• style | object: CSS-inline-tyylit. Default: {}.
• onShare | function: Callback, joka käynnistetään kuvan kanssa, jos "share"-painiketta napsautetaan.. Default: none.

Esimerkkejä

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

Tulos

ReferenceError: Provider is not defined