Dev Design Library

Combobox

Type-to-filter combobox with single or multiple (chips, merged selection backgrounds) selection: a text field that filters a list as you type, with keyboard highlight, fluid hover, spring-animated popover, animated checkmark, and clear/chev.

Combobox preview
Library
Fluid Functionalism
Framework
React
Type
ui
License
MIT
Dependencies
@radix-ui/react-popover, class-variance-authority, lucide-react, motion
Install
npx shadcn@latest add @fluid/combobox
Files
  • registry/radix/combobox.tsx
  • registry/default/lib/utils.ts
  • registry/default/lib/springs.ts
  • registry/default/lib/omit.ts
  • registry/default/lib/shape-context.tsx
  • registry/default/lib/surface-context.tsx
  • registry/default/lib/surface-classes.ts
  • registry/default/lib/icon-context.tsx
Source
https://github.com/mickadesign/fluid-functionalism

Categories

More from Fluid Functionalism