radix-vue / radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

Home Page:https://radix-vue.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Feature]: Autocomplete Control

maslamhmt opened this issue · comments

Describe the feature

Hi! I'm delighted to try radix-vue controls. Could you please add an auto-complete control for database filtering and selection?

Additional information

  • I intend to submit a PR for this feature.
  • I have already implemented and/or tested this feature.

Hi @maslamhmt . Please add more context on what this feature means. Either show show example, or explain in much more details 😁

Hi @maslamhmt . Please add more context on what this feature means. Either show show example, or explain in much more details 😁

I will add more contexte because i think this is the same request as i have.

Combobox is great but it's limited to client side filter. In a real world app 90% have to be filter by backend.

In fact the component need a component that when reaching bottom of scroll fetch next page (so maybe require a new emit "fetch-next-page") a backend filter function like when you type it trigger an async function that will replace the original array and reset "currentPage" to 0

I hop this was clear !

Hi @zernonia and @unpseudocomplique, Autocomplete Control is the same as Combobox. The difference is Autocomplete control uses items from the database, like binding data from the database table. By default, it will not show you the items. When you type something, it will search from the database with respective data and bind it with autocomplete control to show you. For Example, I want to search for some country. When I try to search Pakistan or India, I have to write just pak it will show Pakistan as a result in the dropdown. I hope this one clears.

Thanks for the context @maslamhmt ! This is something already supported. You can checkout the async story here

https://github.com/radix-vue/radix-vue/blob/main/packages/radix-vue/src/Combobox/story/ComboboxAsync.story.vue

Closing this as stale and we already have this feature implemented 😁