Dropdown
Menu-style dropdown with proximity hover and animated backgrounds.
Installation
npx shadcn@latest add https://fluid-functionalism.vercel.app/r/dropdown.jsonBasic
Teamspaces
Recents
Favorites
Shared
Private
API Reference — Dropdown
| Prop | Type | Default | Description |
|---|---|---|---|
| checkedIndex | number | — | Index of the currently checked item. |
| children | ReactNode | — | MenuItem children. |
API Reference — MenuItem
| Prop | Type | Default | Description |
|---|---|---|---|
| icon | LucideIcon | — | Icon displayed in the menu item. |
| label | string | — | Text label for the menu item. |
| index | number | — | Position index within the dropdown. |
| checked | boolean | false | Whether this item is checked. |
| onSelect | () => void | — | Called when this item is selected. |