Idea: Display 'ClearAll' button on MultiSelect

[anitbehera]

Can we have a clear-all button/icon inside the MultiSelect component(Default:false). It looks weird when we need to call the selectNone() method on click of another button which is outside of the component.

[bendera]

Would it be acceptable if I defined a new slot for the clear button? My concern is that with a simple delete button, it’s unclear (for the end user) what it would delete: the selected options or the text in the input. Or should there be an 'x' button on the '3 Selected' badge instead?

[anitbehera]

A slot would do the work as well or a 'x' button on the '3 Selected' would be nice to have. or something like this -

example - https://coreui.io/bootstrap/docs/forms/multi-select/ If we can have a property as well to disable/enable the clear all button, it would be great as someone might want to hide this button.