sbb-design-systems/design-system-website-documentation

Feature Request Website: Autocomplete with multiple selectable items

Opened this issue · 4 comments

Is your feature request related to a problem? Please describe.
In one of our projects we have the requirement that a user should be able to use Autocomplete for multiple items. The goal is to for example choose three organisational units out of all. So we need to be able to query items and choose multiple of them in one component.

Describe the solution you'd like
As solution as we'd need it is very well implemented by the react-select library (sorry, couldn't find an Angular example).
See example 2, "Multiselect"

Describe alternatives you've considered
As this isn't possible at the moment, we need to either make a compromise (use an input field for filtering values and then put the filtered values into a multi select) or implement such a component on our own (which undermines a design system's purpose...).
Neither of both these options provide nice (or even only good) UX.

Would be great to see this implemented, thanks!

Do you mean something like the chip input?
https://angular-staging.app.sbb.ch/271/business/components/chip (See in Examples "Autocomplete Chip Input")
This is currently being developed and will be released soon.
The question is, do you need this for public websites or for business applications? Because this is only specified (and implemented) for business applications.

Thanks for the feedback! Yes, that would work fine.
We would need it in the public package as our whole app is implemented with the public modules.
Do you have an idea how long it would take until that could be released?

We will probably release it for business next week, however for public we first need the design and approval from @mikemorgenthaler.

Thanks @kyubisation!
@mikemorgenthaler Can you make an estimate for this? We already have an open project that would require this component.