Dropdown
A pop up menu that reveals a list of selectable options, commonly used for navigation, filters, or form inputs, with clear focus handling and keyboard support.
Basic
There’s not much to see here directly, but you can check out related components like Menu, Combo Box, and others.
Heads up: when you incorporate components such as menu, select, or combo-box, the dropdown functionality is included automatically. No separate installation required.
Installation
Install the component via the CLI in one command.
npx shadcn@latest add @intentui/dropdown
Composed components
When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.
This component comes packed with several components to enhance functionality and provide a seamless experience.
Manual installation
Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.
npm install react-aria-components @heroicons/react
Design Intent UI
Build modern web apps faster with 1000+ resources across components, blocks, patterns, templates, and starter kits.