steep components
All components

MobileMenu

Slide-in drawer paired with NavMenu — links, sign-in CTAs, scroll-locked.

components/mobile-menu.tsxPeer deps: lucide-react

Live preview

Click the hamburger in the nav below to open the drawer.

steep
CartMy account

Usage

import { MobileMenu } from "@/components/mobile-menu";

<MobileMenu
  open={drawerOpen}
  onClose={() => setDrawerOpen(false)}
  links={[{ label: "Products", href: "/products" }, ...]}
  isSignedIn={!!user}
  onSignOut={signOut}
/>