Add a <Select.SelectAllTrigger> component

[colinlienard]

For the Select, there is the <Select.ClearTrigger> component to clear the selection, but it would also be great to have a <Select.SelectAllTrigger> component (or something like that) to allow all options to be selected when the select is multiple.

It would be possible to do this with api but would be cleaner with a dedicated component in my opinion.

Also, I would love to try to implement it myself!

[pierresisson]

💯

[cschroeter]

@colinlienard

Something like this?

or an dedicated button?

[colinlienard]

I think a dedicated button would do it, and then if people want to make it as an item within the dropdown they can style it and place it however they want @cschroeter

[pierresisson]

👀

[pierresisson]

@segunadebayo Any thoughts about this ? We would love to help! Wouldn't it be better to make a pull request directly?

[segunadebayo]

I think this should be implemented in userland code. Controlling the select component and explicitly selecting all item values when clicked.

I would consider putting together an example when I have time.

[pierresisson]

Hello @cschroeter, have you had a chance to look around? If not, can we help by contributing directly?

also, i would like thank you for your incredible work!

[segunadebayo]

I've just added support for this in Zag.js via api.selectAll

This will be supported in the next releases.