Dropdown

Installation

Install the component via the CLI in one command.

npm

pnpm

yarn

bun

npx shadcn@latest add @intentui/dropdown

When you install this component via the CLI, it automatically loads all composed components, so you don’t need to add them individually.

Use this approach if you prefer to install and wire up the component yourself instead of using the CLI.

npm

pnpm

yarn

bun

npm install react-aria-components @heroicons/react tailwind-merge tailwind-variants

The DropdownDescription component renders secondary text for a dropdown item.

Prop	Type	Default
`className`	`string`	-

The DropdownItem component represents one dropdown option or action.

Prop	Type	Default
`className`	`string`	-
`intent`	`"danger" \| "warning"`	-

The DropdownKeyboard component displays a keyboard shortcut in a dropdown item.

Prop	Type	Default
`className`	`string`	-

The DropdownLabel component renders dropdown item label text.

Prop	Type	Default
`className`	`string`	-

The DropdownSection component groups related dropdown items.

Prop	Type	Default
`className`	`string`	-
`title`	`string`	-

The DropdownSeparator component separates dropdown groups.

Prop	Type	Default
`className`	`string`	-

Build modern web apps faster with 1000+ resources across components, blocks, patterns, templates, and starter kits.