Dropdown
Menu-style dropdown with proximity hover and animated backgrounds.
Installation
npx shadcn@latest add https://www.fluidfunctionalism.com/r/dropdown.jsonBasic
Teamspaces
Recents
Favorites
Shared
Private
Groups
Account
Email
Notifications
Privacy
Appearance
General
Theme
Display
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. |
API Reference — DropdownLabel
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Label text content. |
API Reference — DropdownSeparator
| Prop | Type | Default | Description |
|---|---|---|---|
| className | string | — | Additional CSS classes. |