Was ist ein Bottom Sheet?

Ein Bottom Sheet ist ein UI-Element, das an der Unterseite einer App oder eines Bildschirms angezeigt wird und über dem Rest der Benutzeroberfläche schwebt. Ein Bottom Sheet kann hochgezogen werden, wenn der Benutzer darauf klickt, und wieder nach unten geschoben werden, wenn es nicht mehr benötigt wird. Es kann auch als Teil einer Benutzeroberfläche festgelegt werden und bleibt dann sichtbar, während der Benutzer die App nutzt.

Arten von Bottom Sheets

• Modal Bottom Sheet blockiert die Interaktion mit dem Rest der App, bis der Benutzer es schließt. Man muss entweder eine Aktion ausführen oder das Bottom Sheet schließen, um zur Hauptansicht zurückzukehren.
• Persistent Bottom Sheet bleibt immer sichtbar, auch wenn der Benutzer in der App interagiert. Je nach Bedarf kann das Bottom Sheet minimiert oder maximiert werden.

Die Verwendung von Bottom Sheets

Bottom Sheets werden häufig im Webdesign verwendet, um zusätzliche Funktionen oder Optionen zu präsentieren, wie zum Beispiel eine Liste von Einstellungen oder ein Formular zum Eingeben von Daten. Sie können auch eingesetzt werden, um Benachrichtigungen oder andere wichtige Informationen anzuzeigen, ohne den Hauptinhalt der App zu verdecken.