Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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.

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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.

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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!

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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!

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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! ๐ŸŽ‰

Profilbild von Earl of Lemongrab
Earl of Lemongrabvor 1 Jahr

Brilliant! Another great release

Profilbild von Roman Sandler
Roman Sandlervor 1 Jahr

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

Profilbild von Rifandani โš›๏ธ
Rifandani โš›๏ธvor 1 Jahr

โคโคโค

Profilbild von Earl of Lemongrab
Earl of Lemongrabvor 1 Jahr

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

Profilbild von Devon Govett
Devon Govettvor 1 Jahr

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

ร„hnliche Videos