Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

35 Yorum

Devon Govett profil fotoğrafı
Devon Govett1 yıl önce

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

Devon Govett profil fotoğrafı
Devon Govett1 yıl önce

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 profil fotoğrafı
Yann Birba1 yıl önce

MULTI SELECT OMMMMMGGGGG

Abdullahi Jimoh  profil fotoğrafı
Abdullahi Jimoh 1 yıl önce

Nice one, been waiting for these

Zafar profil fotoğrafı
Zafar1 yıl önce

Select components could be pretty complicated. Nice work there.

João Mamede profil fotoğrafı
João Mamede1 yıl önce

You and your team keep delivering! Multi Select 🫦

ReUI profil fotoğrafı
ReUI1 yıl önce

Awesome!

Mykhaylo 🇺🇦🌻 profil fotoğrafı
Mykhaylo 🇺🇦🌻1 yıl önce

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

Heath profil fotoğrafı
Heath1 yıl önce

This just keeps getting better

Curtis Flaming profil fotoğrafı
Curtis Flaming1 yıl önce

Awesome work!

Alex Carpenter profil fotoğrafı
Alex Carpenter1 yıl önce

oh nice, gonna put SelectionIndicator to use right away.

Naelo — 🇪🇺 eu/acc profil fotoğrafı
Naelo — 🇪🇺 eu/acc1 yıl önce

The browser native search is so cool

Pav Sidhu profil fotoğrafı
Pav Sidhu1 yıl önce

You guys always cook so hard! 🔥🔥

Roman Sandler profil fotoğrafı
Roman Sandler1 yıl önce

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

Min Chon Chi profil fotoğrafı
Min Chon Chi1 yıl önce

Improved modal scrolling is a welcome change.

Joris van Haeren profil fotoğrafı
Joris van Haeren1 yıl önce

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 profil fotoğrafı
Today - Simple Day Planner1 yıl önce

that sounds really cool to me

Rifandani ⚛️ profil fotoğrafı
Rifandani ⚛️1 yıl önce

@intentui 👀

Truong Hoang Dung profil fotoğrafı
Truong Hoang Dung1 yıl önce

Select is too limited for real world project.

Devon Govett profil fotoğrafı
Devon Govett1 yıl önce

How do you mean?

Tom Schindl profil fotoğrafı
Tom Schindl11 ay önce

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 profil fotoğrafı
Devon Govett11 ay önce

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

Tom Schindl profil fotoğrafı
Tom Schindl11 ay önce

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

Tom Schindl profil fotoğrafı
Tom Schindl11 ay önce

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 profil fotoğrafı
Fredrik Tibbling11 ay önce

@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 profil fotoğrafı
Isla Pembroke1 yıl önce

Context menu when?

Abhilash M profil fotoğrafı
Abhilash M1 yıl önce

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

nik profil fotoğrafı
nik1 yıl önce

multiselect finally!

Roman Sandler profil fotoğrafı
Roman Sandler1 yıl önce

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

Devon Govett profil fotoğrafı
Devon Govett1 yıl önce

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 profil fotoğrafı
Roman Sandler1 yıl önce

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 profil fotoğrafı
Elias Witt1 yıl önce

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

Devon Govett profil fotoğrafı
Devon Govett1 yıl önce

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

Thomas Shaddox profil fotoğrafı
Thomas Shaddox1 yıl önce

@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 profil fotoğrafı
Devon Govett1 yıl önce

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

Benzer Videolar