Video wird geladen...
Video konnte nicht geladen werden
New React Aria release! ๐ข ๐ช Disclosure + Accordion GA ๐ Ctrl F in DisclosureGroup โ๏ธ New ToggleButtonGroup component โ Mixed selection and actions in Menu ๐ฌ Complex Menu popovers โ Dialog close button slot ๐ฏ Devanagari & Bengali numbers ๐พ Full TS strict compliance
29,107 Aufrufe โข vor 1 Jahr โขvia X (Twitter)
11 Kommentare

DisclosureGroup and Disclosure allow you to build custom accordions and other collapsible panels. They auto-expand with Ctrl + F just like native <details>. But unlike <details> you can add additional elements (e.g. buttons) adjacent to the header.

The new ToggleButtonGroup component supports arrow key navigation in horizontal or vertical orientations, with single and multiple selection modes. Use it for switching views, toggling related settings, etc.

Menu now supports the ability to create section-level selection groups, allowing you to mix actions, single, and multiple selection within the same menu.

Menus can also now be nested inside Dialog Popovers to enable more complex use cases, such as a header with additional interactive elements like this account menu. Check out our brand new Tailwind-styled example putting this all together!

Check out the full release notes for details on all the rest, including a new dialog close button slot, support for new numbering systems, date picker bug fixes, React 19 RC support, and much more!

Oh, one more awesome thing: we are finally fully TypeScript strict mode compliant! This was an extremely large multi-year effort to update our codebase, but it should help us reduce bugs and result in more correct type definitions for our APIs. Thanks for your patience! ๐

Brilliant! Another great release

Amazing! This library has become the absolute GOAT! One little tiny thing is missing from absolute world dominance. Multi select ๐

โคโคโค

Can ToggleButtonGroup be used to achieve the same effect you have on the landing page under "Bring your own styles" section? Where you toggle between the styling frameworks and arrow keys can be used to navigate. I guess this is called Segmented Control in other frameworks

Those are tabs! The reason is that they swap between entirely different content below. That example is here: But yes, you could use ToggleButtonGroup for filtering content or swapping between views of the same content (eg table vs card views displaying the same items).
