Back to components
Nav component
App Drawer
Animated left-edge drawer — header, items with icons + badges, dividers, destructive variant.
Install
What it does
- Native Animated translateX + backdrop fade
- Header with avatar + name + subtitle
- Items with icon, label, badge, divider, destructive variant
- Active item highlighted with accent
- Backdrop tap-to-close
When to use
Use it
Hamburger menu in apps with many infrequently-used sections.
Skip it
Apps with ≤5 main sections (use bottom-tabs instead).
Files & routes added
- components/nav/app-drawer.tsx