Bild

Beispiele

Im Abschnitt Verwendung finden Sie Informationen zum korrekten Design einer Bildkomponente und den verschiedenen von Guidewire bereitgestellten Konfigurationsoptionen.

Einfaches Beispiel

Die Bildkomponente macht das HTML-Tag <img> in Jutro verfügbar, einschließlich i18n und Metadaten, und umschließt es mit <figure>.

<Image
  src="path/to/image"
/>

Beispiel für eine Titelzeile

Die figcaption-Eigenschaft kann verwendet werden, um dem eine Beschriftung <figure> hinzuzufügen.

<Image
  src="path/to/image"
  figcaption="This is a sample caption"
/>

Bild

Beispiele

Einfaches Beispiel

Beispiel für eine Titelzeile

Verwendung

Code

Importanweisung

Komponentenvertrag

Eigenschaften

`src`erforderlich

`alt`

`className`

`containerClassName`

`figcaption`

`onError`

`onLoad`

`showLoader`

`sizes`

`srcSet`

`width`

Hooks

Übersetzungsschlüssel

Escape Hatches

Änderungsprotokoll

Beispiele​

Einfaches Beispiel​

Beispiel für eine Titelzeile​

Verwendung​

Code​

Importanweisung​

Komponentenvertrag​

Eigenschaften​

srcerforderlich​

alt​

className​

containerClassName​

figcaption​

onError​

onLoad​

showLoader​

sizes​

srcSet​

width​

Hooks​

Übersetzungsschlüssel​

Escape Hatches​

Änderungsprotokoll​

Beispiele

Einfaches Beispiel

Beispiel für eine Titelzeile

Verwendung

Code

Importanweisung

Komponentenvertrag

Eigenschaften

`src`erforderlich

`alt`

`className`

`containerClassName`

`figcaption`

`onError`

`onLoad`

`showLoader`

`sizes`

`srcSet`

`width`

Hooks

Übersetzungsschlüssel

Escape Hatches

Änderungsprotokoll