Bilder werden immer im Seitenverhältnis 16 : 9 dargestellt und können mit einer Bildunterschrift ergänzt werden.
Eigenschaften
| Name | Type | Default Value | Description |
|---|---|---|---|
src | string | undefined | Image source |
srcSet | ISrcSet[] | undefined | array of objects with given srcSet key-value pairs |
alt | string | undefined | alternative Text of the Image |
caption | string | undefined = undefined | undefined | caption text of the image |
isCaptionOpen | undefined | false | |
style | string | undefined = undefined | undefined | additional css styles |
Beispiele
Default
Do's and Don'ts
Do
Don't
Als Komponente innerhalb einer Content-Seite muss das Image einen Mindestabstand von 2rem zum nächsten Inhalt haben.
Mehrzeilige Image-Captions sind möglich, ABER es sollte darauf verzichtet werden, lange Texte abzubilden – hierfür kann eine zusätzliche Textkomponente verwendet werden.