正在加载视频...

视频加载失败

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

16,554 次观看 • 1 年前 •via X (Twitter)

11 条评论

Devon Govett 的头像
Devon Govett1 年前

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.

SecurityPal 的头像
SecurityPal1 年前

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

moeritz.io 🦋 的头像
moeritz.io 🦋1 年前

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

Sam Denty 的头像
Sam Denty1 年前

killer work devon! 🔥👏

Yann Birba - 🦋 @yannbirba.fr 的头像
Yann Birba - 🦋 @yannbirba.fr1 年前

Insane

Juciano Barbosa ⚛️ 的头像
Juciano Barbosa ⚛️1 年前

Awesome

Roman Sandler 的头像
Roman Sandler1 年前

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

Devon Govett 的头像
Devon Govett1 年前

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.

pdyc 的头像
pdyc1 年前

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.

Ramin 的头像
Ramin1 年前

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

Devon Govett 的头像
Devon Govett1 年前

Yep, just wrap the ListBox with an Autocomplete!

相关视频