Fullscreen Menu
A full-screen navigation overlay with a morphing hamburger, staggered links, scroll lock and focus trap.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
FullscreenMenuProps
Also accepts all props of Omit<React.ComponentProps<"div">, "children">
| Prop | Type | Default | Description |
|---|---|---|---|
| links* required | FullscreenMenuLink[] | — | — |
| secondaryLinks | FullscreenMenuLink[] | [] | — |
| label | string | "Site navigation" | Accessible name of the overlay |
| footer | React.ReactNode | — | Small text shown at the bottom of the overlay |
| onOpenChange | (open: boolean) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/fullscreen-menu.json