Zum Hauptinhalt springen

Bild

Zeigt ein hochgeladenes Bild, das als Asset der Ansicht verwendet wird.

Beispiel für das Bild-Widget in der Demo-Benutzeroberfläche

Empfohlene Konfiguration

  1. Wählen Sie die Bilddatei im Abschnitt Inhalt.
  2. Warten Sie auf den Abschluss des asynchronen Ladens.
  3. Skalieren Sie das Widget und konfigurieren Sie Container, Rahmen und Schatten.

Konfigurationsoptionen

BereichOptionen
BildHochgeladenes Asset, Alternativtext und Anpassung im Container.
IdentitätTitel, Untertitel, Kopfzeilen-Sichtbarkeit, Typ-Icon und Aktions-Button.
DarstellungVariante Standard, Kompakt oder Dicht und Nachricht, die angezeigt wird, wenn keine Daten verfügbar sind.
AussehenHintergrund, Hintergrundbild, Rahmen, Radius, Padding, Schatten und Typografie für verschiedene Bereiche.
PositionKoordinaten und Abmessungen in Zellen des Seiten- oder Container-Gitters.

Best Practices

  • Verwenden Sie optimierte Bilder, um unnötige Ladezeiten zu vermeiden.
Tipp

Überprüfen Sie das Widget immer in der Vorschau im hellen und dunklen Theme sowie im Zustand ohne Daten, bevor Sie die Ansicht veröffentlichen.