正在加载视频...

视频加载失败

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 条评论

Devon Govett 的头像
Devon Govett1 年前

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

Devon Govett 的头像
Devon Govett1 年前

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! 😀

Yann Birba 的头像
Yann Birba1 年前

MULTI SELECT OMMMMMGGGGG

Abdullahi Jimoh  的头像
Abdullahi Jimoh 1 年前

Nice one, been waiting for these

Zafar 的头像
Zafar1 年前

Select components could be pretty complicated. Nice work there.

João Mamede 的头像
João Mamede1 年前

You and your team keep delivering! Multi Select 🫦

ReUI 的头像
ReUI1 年前

Awesome!

Mykhaylo 🇺🇦🌻 的头像
Mykhaylo 🇺🇦🌻1 年前

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

Heath 的头像
Heath1 年前

This just keeps getting better

Curtis Flaming 的头像
Curtis Flaming1 年前

Awesome work!

Alex Carpenter 的头像
Alex Carpenter1 年前

oh nice, gonna put SelectionIndicator to use right away.

Naelo — 🇪🇺 eu/acc 的头像
Naelo — 🇪🇺 eu/acc1 年前

The browser native search is so cool

Pav Sidhu 的头像
Pav Sidhu1 年前

You guys always cook so hard! 🔥🔥

Roman Sandler 的头像
Roman Sandler1 年前

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

Min Chon Chi 的头像
Min Chon Chi1 年前

Improved modal scrolling is a welcome change.

Joris van Haeren 的头像
Joris van Haeren1 年前

I see the trigger-width CSS variable is not the width of the triggerRef but rather the width of the button; is this intentional?

Today - Simple Day Planner 的头像
Today - Simple Day Planner1 年前

that sounds really cool to me

Rifandani ⚛️ 的头像
Rifandani ⚛️1 年前

@intentui 👀

Truong Hoang Dung 的头像
Truong Hoang Dung1 年前

Select is too limited for real world project.

Devon Govett 的头像
Devon Govett1 年前

How do you mean?

Tom Schindl 的头像
Tom Schindl11 个月前

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

Devon Govett 的头像
Devon Govett11 个月前

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

Tom Schindl 的头像
Tom Schindl11 个月前

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

Tom Schindl 的头像
Tom Schindl11 个月前

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

Fredrik Tibbling 的头像
Fredrik Tibbling11 个月前

@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?

Isla Pembroke 的头像
Isla Pembroke1 年前

Context menu when?

Abhilash M 的头像
Abhilash M1 年前

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

nik 的头像
nik1 年前

multiselect finally!

Roman Sandler 的头像
Roman Sandler1 年前

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

Devon Govett 的头像
Devon Govett1 年前

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.

Roman Sandler 的头像
Roman Sandler1 年前

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.

Elias Witt 的头像
Elias Witt1 年前

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

Devon Govett 的头像
Devon Govett1 年前

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

Thomas Shaddox 的头像
Thomas Shaddox1 年前

@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.

Devon Govett 的头像
Devon Govett1 年前

@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.

相关视频