Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Combining React Aria's Autocomplete, Menu, and upcoming SubDialog component to create multi-level filterable submenus. 😎

16,554 Aufrufe • vor 1 Jahr •via X (Twitter)

11 Kommentare

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

All done with composition of existing components! There's some pretty intricate focus management behind the scenes enabling us to seamlessly transition between virtual focus for Autocomplete and DOM focus to move between sub dialogs, all with the keyboard.

Profilbild von SecurityPal
SecurityPalvor 1 Jahr

Questionnaire Concierge is now available as an API! With the new API, you can: 📝 Create new questionnaire request directly 🔍 Instantly search questionnaire details ⚒️ Build custom form and dashboard 🔗: #SecurityPal #SecurityQuestionnaires #API

Profilbild von moeritz.io 🦋
moeritz.io 🦋vor 1 Jahr

the next time people ask me why I use react aria i will just show them this tweet

Profilbild von Sam Denty
Sam Dentyvor 1 Jahr

killer work devon! 🔥👏

Profilbild von Yann Birba - 🦋 @yannbirba.fr
Yann Birba - 🦋 @yannbirba.frvor 1 Jahr

Insane

Profilbild von Juciano Barbosa ⚛️
Juciano Barbosa ⚛️vor 1 Jahr

Awesome

Profilbild von Roman Sandler
Roman Sandlervor 1 Jahr

That's amazing! Any plans to also support the GridList component in there?

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

Yes, though possibly not with virtual focus (i.e. where focus stays on the input when keyboard navigating). It's more complicated with GridList since that allows focusable elements within rows. Might be easier to just tab into the list and navigate as normal in that case.

Profilbild von pdyc
pdycvor 1 Jahr

interesting. wondering how that would look on mobile. I implemented something like this with radix-ui but had to do lot of hardcoding to deal with tree menu behaving properly on mobile.

Profilbild von Ramin
Raminvor 1 Jahr

How can we have a select component with a search feature?

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

Yep, just wrap the ListBox with an Autocomplete!

Ähnliche Videos