primitives
primitives copied to clipboard
radix-ui
[Select] Support multiple selections
Hi @aungbobotun , I suppose this is a feature request? If so, it is on our broad roadmap, but hasn't been planned or prioritised yet.
Is there someone who managed to modify the select primitive and make it multi select?
Is there someone who managed to modify the select primitive and make it multi select?
Doubt that. I looked at radix source code, the Root primitive and the SelectItem primitive talk to each other through context, and what it uses is a const [selectedItem, setSelectedItem] = React.useState<SelectItemElement | null>(null); piece of state.
You'll have to rewrite more than half of the Select primitive for it to work with multiple selected items, it would still break a lot of functionality like keyboard controls, and a lot of built-in accessibility is also lost, so it's probably easier to just use something like react-select until radix adds a new MultiSelect primitive. You can't really adapt the existing primitive without writing a multiselect from scratch.
Having a multi-select would better position Radix against HeadlessUI, which does have a multi-select. I don't mind installing both libraries, and I could never only use HeadlessUI since Radix has so much that HeadlessUI does not.
Having a multiple select primitive would be immensely valuable! I want to use it to improve UX for my users who have to hide one table column at a time.
This missing feature is one of the few things that still "forces" me to use Headless UI. It'd be super cool to see this soon!
it is really spammy this all +1, many notifications for nothing, can't you use the thumb up on the first issue's comment thanks!
