Zum Hauptinhalt springen

Schublade

Zeigt Kind-Widgets in einem vom Kontext gesteuerten Overlay-Panel.

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

Empfohlene Konfiguration

  1. Wählen Sie die Seite und den Kontext für die Öffnung.
  2. Fügen Sie Detail- oder Diagnose-Widgets hinzu.
  3. Überprüfen Sie die Öffnung, Schließung und die Tastaturbedienung.

Konfigurationsoptionen

BereichOptionen
ContainerKind-Widgets, internes Raster und optionale Rasteranzeige in der veröffentlichten Ansicht.
DrawerSeite, Kontext, der seine Öffnung bestimmt, Anfangszustand und Schließen durch Klicken außerhalb.
IdentitätTitel, Untertitel, Sichtbarkeit des Headers, 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 der verschiedenen Bereiche.
PositionKoordinaten und Abmessungen in Zellen im Seiten- oder Container-Raster.

Best Practices

  • Der Drawer sollte keine Fehler oder Bestätigungsanfragen verbergen.
Tipp

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