Context Stack Dropdown
A nested, searchable dropdown built on shadcn with Swiper-powered transitions. It supports push/pop context navigation in a single menu surface.
Category
Micro InteractionReact
CSS
shadcn
Manual
Create a file and paste the following code into it.
src/scroll-grid-demo.tsx
1
2
3
4
5
6
7
8
9
import { ContextDropdownMenu } from "./components/ui/context-dropdown-menu";
export default function ScrollGridDemo() {
return (
<div className="flex h-dvh w-full items-center justify-center p-8">
<ContextDropdownMenu />
</div>
);
}Update the import paths to match your project setup.