Zum Inhalt springen
fend-ui
Vorschau

Drawer

Bottom-Sheet mit Griff, Snap-Punkten und Wisch-Geste. Ein Inhalt mit eigenem Scroll scrollt zuerst; ein schneller Wisch nach unten schließt, ein halber Zug federt zurück.

Bottom-Drawer

Der Griff oben trägt das Label aus t('drawer.handle'). Ein halber Zug federt zurück, ein schneller Wisch nach unten schließt.

Snap-Punkte

Zwei Snap-Punkte als Anteile der Viewport-Höhe: Der Drawer startet halb geöffnet und lässt sich auf die volle Höhe ziehen. Der Inhalt scrollt dabei selbst.

Nicht schließbar

dismissible={false} ignoriert Wisch und Scrim-Klick; Escape und eine explizite Aktion schließen weiterhin.