-
-
Notifications
You must be signed in to change notification settings - Fork 2k
[Feature Request] Autocomplete with Multiple Selections Feature or Multiple Select with Autocomplete Filtering #4684
-
Is your feature request related to a problem? Please describe.
Users of my application need the ability to select multiple options from an autocomplete field. Currently, Next UI provides an Autocomplete component that allows for a single selection with suggestions and a Select component that allows multiple selections but without autocomplete functionality. Merging these features would greatly enhance user experience.
Describe the solution you'd like
I would like the Autocomplete component to include a multiple attribute, allowing multiple selections with autocomplete suggestions, similar to the current Select component's multiple selection feature. Alternatively, the Select component could be enhanced with an autocomplete input to filter options as the user types.
Describe alternatives you've considered
As a workaround, we could use third-party libraries to achieve this functionality, but a native solution from Next UI would be ideal for consistency and to avoid additional dependencies.
Screenshots or Videos
No response
Beta Was this translation helpful? Give feedback.
All reactions
-
👍 91 -
😄 4 -
👀 2
Replies: 54 comments 1 reply
-
Screencast from 09.12.23 14:51:02.webm
Code from the documentation
Beta Was this translation helpful? Give feedback.
All reactions
-
That would be really useful
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
hey, perhaps anyone already created a custom multiselect autocomplete and would like share? 👀
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
hey, perhaps anyone already created a custom multiselect autocomplete and would like share? 👀
Check: ReactSelect
Beta Was this translation helpful? Give feedback.
All reactions
-
❤️ 1
-
it is great component, but weak support from maintainer
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
Im having the same issue i think i will use the headless ui one with nextui componets
https://headlessui.com/react/combobox#selecting-multiple-values
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Is there any news on this?
It would be very useful as we must do some dirty tricks to make it possible.
Beta Was this translation helpful? Give feedback.
All reactions
-
This would be a really helpful feature! It seems listboxProps is ignoring some of the provided props, such as selectionMode, so there's no way to get it working (if you don't implement your own solution).
Beta Was this translation helpful? Give feedback.
All reactions
-
+1
Beta Was this translation helpful? Give feedback.