Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 1 Jahr •via X (Twitter)

35 Kommentare

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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

Profilbild von Yann Birba
Yann Birbavor 1 Jahr

MULTI SELECT OMMMMMGGGGG

Profilbild von Abdullahi Jimoh
Abdullahi Jimoh vor 1 Jahr

Nice one, been waiting for these

Profilbild von Zafar
Zafarvor 1 Jahr

Select components could be pretty complicated. Nice work there.

Profilbild von João Mamede
João Mamedevor 1 Jahr

You and your team keep delivering! Multi Select 🫦

Profilbild von ReUI
ReUIvor 1 Jahr

Awesome!

Profilbild von Mykhaylo 🇺🇦🌻
Mykhaylo 🇺🇦🌻vor 1 Jahr

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

Profilbild von Heath
Heathvor 1 Jahr

This just keeps getting better

Profilbild von Curtis Flaming
Curtis Flamingvor 1 Jahr

Awesome work!

Profilbild von Alex Carpenter
Alex Carpentervor 1 Jahr

oh nice, gonna put SelectionIndicator to use right away.

Profilbild von Naelo — 🇪🇺 eu/acc
Naelo — 🇪🇺 eu/accvor 1 Jahr

The browser native search is so cool

Profilbild von Pav Sidhu
Pav Sidhuvor 1 Jahr

You guys always cook so hard! 🔥🔥

Profilbild von Roman Sandler
Roman Sandlervor 1 Jahr

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

Profilbild von Min Chon Chi
Min Chon Chivor 1 Jahr

Improved modal scrolling is a welcome change.

Profilbild von Joris van Haeren
Joris van Haerenvor 1 Jahr

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

Profilbild von Today - Simple Day Planner
Today - Simple Day Plannervor 1 Jahr

that sounds really cool to me

Profilbild von Rifandani ⚛️
Rifandani ⚛️vor 1 Jahr

@intentui 👀

Profilbild von Truong Hoang Dung
Truong Hoang Dungvor 1 Jahr

Select is too limited for real world project.

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

How do you mean?

Profilbild von Tom Schindl
Tom Schindlvor 11 Monaten

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

Profilbild von Devon Govett
Devon Govettvor 11 Monaten

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

Profilbild von Tom Schindl
Tom Schindlvor 11 Monaten

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

Profilbild von Tom Schindl
Tom Schindlvor 11 Monaten

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

Profilbild von Fredrik Tibbling
Fredrik Tibblingvor 11 Monaten

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

Profilbild von Isla Pembroke
Isla Pembrokevor 1 Jahr

Context menu when?

Profilbild von Abhilash M
Abhilash Mvor 1 Jahr

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

Profilbild von nik
nikvor 1 Jahr

multiselect finally!

Profilbild von Roman Sandler
Roman Sandlervor 1 Jahr

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

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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.

Profilbild von Roman Sandler
Roman Sandlervor 1 Jahr

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.

Profilbild von Elias Witt
Elias Wittvor 1 Jahr

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

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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

Profilbild von Thomas Shaddox
Thomas Shaddoxvor 1 Jahr

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

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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

Ähnliche Videos