Mobile Drawer

Szuflada na mobile: menu/filtry/akcje w warstwie overlay. Klucz: focus trap, Escape do zamknięcia i przewidywalna animacja wejścia.

← Click menu icon

Jak to działa?

Drawer składa się z tła (backdrop) + panelu. Panel animuje się transformacją (GPU-friendly), a klik w backdrop i klawisz Escape zamykają komponent.

Overlay: przyciemnienie + blur dla separacji warstw.
Obsługa zamknięcia: backdrop click + Escape.
Dołożenie focus trap (jeśli to ma trafić do produkcji) — żeby nie uciekać tabem pod overlay.

Zastosowanie

Nawigacja na mobile, filtry (e-commerce), szybkie akcje w dashboardzie.Trzymać krótką listę linków i mocną hierarchię: 1 primary CTA, reszta to secondary.

[ WARSZTAT_KOMPILUJE ]

Trwa przygotowanie infrastruktury...

SYS.STATUS: COMPILING