vueform / multiselect

Vue 3 multiselect component with single select, multiselect and tagging options (+Tailwind CSS support).
https://vueform.com
MIT License
807 stars 150 forks source link

Adding transitions to the tags on add/remove #380

Open Monty9120 opened 1 year ago

Monty9120 commented 1 year ago

Not sure if this is already available, but I couldn't find a <slot> to target the multiselect-tags element.

The reason I would want to target this is to wrap it in a <transitition-group> to allow for animations when adding or removing elements.

I was able to accomplish this in the old vue-multiselect library.

Screenshot 2023-11-14 at 9 29 35 AM

Something similar to the selection slot in vue-multiselect:

selection Slot that can be used to show all selected tags. The main different between theselectionslot and thetagslot is that thetagslot renders per tag, however this slot renders just once, leaving the display of each tag to you (if you wish to display each one)Slot-scopesearch – the search valueremoveElement – method to remove the slot (pass the option)values – Array of selected valuesis-open – Boolean if the select is open