Image

画像を表示するためのコンポーネント。

オプション

• src | string (required): イメージソース位置. Default: none.
• alt | string: 画像記述. Default: ''.
• body | string: ベース６４符号化された画像データ. Default: none.
• height | (number|string): 画像の高さ. Default: none.
• width | (number|string): 画像幅. Default: none.
• inline | boolean: は画像をテキストで囲むことを可能にします。. Default: false.
• id | string: 構成要素識別子. Default: none.
• showModal | boolean: フルスクリーンモーダルビューを表示するかどうかを制御します。. Default: true.
• className | string: クラス名. Default: ''.
• style | object: CSSインラインスタイル. Default: {}.
• onShare | function: 共有」ボタンがクリックされた場合に、画像とともにコールバックが呼び出されます。. Default: none.

例としては、以下のようなものがあります。

• Minimal
• With Border
• Controlled Size
• Inline

ライブエディター

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

結果

ReferenceError: Provider is not defined