Загрузка видео...
Не удалось загрузить видео
Big React Aria release! 🚀 🥳 Multi Select! 🎬 ComboBox onAction prop, e.g. "create" item ➡️ Disclosure animation ✅ New SelectionIndicator component – animations in Tabs, ToggleButtonGroup, etc. 📱 Improved modal scrolling behavior in iOS 26 📆 Calendar selectionAlignment prop
51,472 просмотров • 1 год назад •via X (Twitter)
Комментарии: 35

... and lots more bug fixes and improvements! Check out the full release notes here.

Here's the demo shown in the video combining a Select with a TagGroup. You can add a TagGroup within a SelectValue and access the selected items via the render prop function. It also uses Autocomplete to allow filtering. Composition ftw! 😀

MULTI SELECT OMMMMMGGGGG

Nice one, been waiting for these

Select components could be pretty complicated. Nice work there.

You and your team keep delivering! Multi Select 🫦

Awesome!

Multi-select!!! 🙌🎉 THANK YOU! Been eagerly waiting for this one 🙏

This just keeps getting better

Awesome work!

oh nice, gonna put SelectionIndicator to use right away.

The browser native search is so cool

You guys always cook so hard! 🔥🔥

Yes!!! The holy grail! The final boss of UI components! Amazing! 🙌🏻

Improved modal scrolling is a welcome change.
I see the trigger-width CSS variable is not the width of the triggerRef but rather the width of the button; is this intentional?

that sounds really cool to me

@intentui 👀

Select is too limited for real world project.

How do you mean?

Are there plans to provide a MultiPicker as part of react-spectrum. If I get it right there‘s only support in react-aria?

It exists in Spectrum 2, which is currently in pre-release.

Ok Looks like I missed that there‘s going to be v2.0

Ok so there won’t be a multi-select v1, right? Is there any timeframe for when you expect v2 will be released?

@devongovett The styling in your video showcasing the MultiSelect component, is that the styling you get out of the box using this and other React Aria components?

Context menu when?

how do you think we should handle showing selected items in the multiselect when the list is loaded with infinite scroll?

multiselect finally!

You think you'll do multi select for the combobox as well? And something like the onAction for the autocomplete?

Yes. We're still planning a TagField, which would allow "inline" editing of the tags (like the gmail "To" field). But you can get pretty close with Select + TagGroup + Autocomplete example I showed.

Awesome! I got one problem with that currently in that we want clicking on the tag to open the popover (like the react select ux). So I can't really use the tag group component.

This is awesome! You guys are cooking. Any target dates for the docs update? 👀

before end of year. we're rewriting most of the content and there is a lot of it. 😅

@realwitt Looking forward to it! Y’all are on a roll. I’d love a bit more explanation of the useDragAndDrop hook. It’s mentioned in passing in React Aria examples, but you have to go to React Spectrum docs to get more info.

@realwitt Yeah it's currently covered on each component page that supports it (e.g. Table, ListBox, etc.) but we're going to be consolidating it all onto one page in the new docs.

