Dev Design Library

Dropdown

Dropdown menu with fluid hover, animated selection indicator, inline panel or triggered popup with collision-aware positioning, typeahead, and close-on-select. Includes MenuItem, DropdownSearch (a search field inside the popup), submenus (D.

Dropdown preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@radix-ui/react-dropdown-menu, motion
Install
npx shadcn@latest add @fluid/dropdown
Files
  • registry/radix/dropdown.tsx
  • registry/default/menu-item.tsx
  • registry/default/dropdown-search.tsx
  • registry/default/dropdown-sub.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/font-weight.ts
  • registry/default/lib/shape-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism