A smooth, animated React dropdown for account menus, settings, navigation, and contextual actions.
npm i framer-motionUse Separator
| Property | Default Value | Description |
|---|---|---|
| forceDirection | "down | up" | Set the direction of the dropdown. |
| menuClassName | "bg-white text-black border-white/10" | Additional classes applied to the dropdown menu and all nested submenus. |
| itemClassName | "text-black" | Additional classes applied to all dropdown items, including nested items and headings. |
See how it is used across React Vibe blocks, templates, and components. Explore real examples to get ideas for your own projects.