react-aria

Happy fall! This release brings some long-awaited features, including multi-selection in React Aria Select and enhanced animation support across our components. For example, Disclosure now provides CSS variables to easily animate expanding and collapsing. We’ve also added a new <SelectionIndicator> component that can be used within components that support single selection such as Tabs and ToggleButtonGroup to animate selection changes. In addition, we have significantly improved the behavior of scrolling modals on iOS 26. Lastly, onAction can now be used on a ComboBoxItem, enabling you to add a “create” option.

As always, thank you to our community for their support and contributions!

As always, thank you to our community for their support and contributions!

Full Release Notes

Summer might be winding down but we’re definitely not! Back with another release, we have added support for origin-aware overlay animations in Popover and Tooltip, which enable scale transitions to appear as if they are emerging from the trigger. We have also advanced Autocomplete to RC, and added support for filtering GridList, Table, and TagGroup (virtual focus support is still to come). Section support in GridList has also been added as an alpha, laying the groundwork for similar support in Tree and Table.

As always, a big thank you to everyone in the community for your feedback and contributions! ❤️

Happy summer! This release adds support for async loading and infinite scrolling, improves form integration and drag and drop interactions, and adds support for additional DOM events and attributes.

The new LoadMoreItem components supported in ListBox, GridList, Table, and Tree enables infinite scrolling. These trigger the loading of additional pages of items and display a loading spinner. Multiple LoadMoreItems can be rendered within a collection too, enabling loading multiple levels of a tree or sections of data from different APIs.

We've also opened up the React Aria Components API to pass through more DOM events and attributes. This improves integration with other libraries, for example making it possible to use another library's menu with a React Aria button.

As always, thanks so much to everyone who contributed to this release!

Full release notes

This release includes a range of enhancements and fixes such as improved keyboard accessibility in TagGroup and increased stability for dynamic table updates. It also brings support for React 19’s ref cleanup behavior, performance improvements for collection updates in React transitions and pressable elements, and TypeScript updates including backwards compatibility with older TypeScript and @types/react versions.

As always, thank you to our community for their support and contributions!

Full Release Notes

In today’s release, we are excited to announce custom calendar support across all React Spectrum libraries! This feature allows you to create your own calendar that implements custom business logic, such as a 4-5-4 fiscal calendar, either by extending an existing Calendar implementation or building from scratch. Please see the React Spectrum docs for an example implementation. A special shout out to @ToyWalrus for all the hard work that went into this contribution!

This release also includes several updates for collections in React Aria Components. These include enhanced support for React Suspense and optimizations for large collections. These changes should result in much more performant collections when fetching and rendering large amounts of data.

We have also reduced the bundle sizes of our libraries by moving some console warnings to development only, and removing old browser fallbacks for pointer events. For example, @react-aria/interactions, which powers most of our components, is now 22% smaller!

Lastly, we have decided to handle onClick as an alias for onPress. This improves interoperability with other dependencies that use onClick events. Please note that onPress is still preferred over onClick as it standardizes behavior across a variety of platforms.

A huge thank you once again to everyone in the community for all of your feedback and contributions!

Full Release Notes

Buckle in because this is a big one! In this React Aria release, we’re excited to announce three new components: Toast, Tree, and Virtualizer. In addition, we have improved Autocomplete to enable UI patterns like Searchable Menus, Searchable Selects, and Command Palettes, added support for custom Menu, Popover, and Tooltip triggers, introduced colSpan support in Table, and upgraded to Tailwind CSS v4. Last but not least, we have a major refactor of usePress, which fixes many longstanding issues and improves compatibility with third party libraries.

For React Spectrum, we have GA versions of Toast and TreeView, support for tooltips in TagGroup and Tabs, and improved localization support in our DatePicker components.

This release would not be possible without the fantastic contributions we received from the community. A special shoutout to @oyvinmar and @nwidynski for contributing features like colSpan and nested collection support. Huge thanks to everyone else who contributed as well. ❤️

Full Release Notes

Happy New Year! Our first release of 2025 includes a new firstDayOfWeek prop for our calendar and date picker components, support for CSS transitions in our overlay components, a new Autocomplete component in alpha, and a new React Aria test utils package. As always, a huge shoutout to everyone in the community for their feedback and contributions!

Full Release Notes

We’re excited to announce that our Accordion and Disclosure components are now generally available! This includes Disclosure and DisclosureGroup in React Aria, as well as Disclosure and Accordion in React Spectrum. These components now also use the hidden="until-found" API currently supported in Chrome to enable searching collapsed content with ctrl + F.

We are also introducing ToggleButtonGroup in React Aria Components, which supports arrow key navigation with single and multiple selection modes. In addition, 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 be nested inside Dialog popovers to enable more complex use cases.

Last but not least, React Spectrum and React Aria are now Typescript Strict compliant! This has been an extremely large, multi-year effort and we thank you for your patience. This helps us reduce bugs, particularly related to null checks, resulting in more correct type definitions for our APIs.

As always, thanks to everyone in our community for your feedback and contributions! ❤️

Full release notes: https://react-spectrum.adobe.com/releases/2024-11-20.html

Happy fall! 🍁 We’re excited to announce that our color picker components are now generally available! This includes ColorPicker, ColorArea, ColorField, ColorSlider, ColorSwatch, ColorSwatchPicker, and ColorWheel. These enable you to build fully customizable color pickers, including accessible color descriptions for screen reader support.

In addition, we’ve introduced a new pending state for buttons in React Aria Components, allowing you to display a progress spinner to indicate that an action is in progress. It also handles screen reader announcements and disables other interactions, except for focus, during the pending state.

We're also advancing the React Aria Components Tree and Spectrum TreeView to beta, and have added some basic documentation. In alpha, we have new Disclosure and DisclosureGroup components in React Aria Components, which can be used to build accordions and other collapsible panels.

Huge thanks as always to everyone who contributed to this release! 😍

Full release notes: https://react-spectrum.adobe.com/releases/2024-09-30.html

For this summer release, we have been busy working on improving virtualization in many of our Spectrum components including TableView, ListView, and ListBox. We have significantly reduced the complexity of our implementation, resulting in smaller bundle size, better performance, and improved stability. In our testing, this resulted in 14x faster per-frame render times on large tables due to better reuse of DOM nodes as you scroll. We are also working on bringing virtualization support to React Aria Components, which is available as an unstable API in this version.

Our color components are also moving to RC! Focus management within Toasts have also been greatly improved, making announcements from screen readers clearer and more consistent. Thanks to @thmsfchtnr, press events now include coordinates, enabling interactions like our new animated ripple button example. And finally, in preparation for React 19, this release is now compatible with React 19 RC.

Thank you to our ever growing list of contributors! ❤️

Full release notes: https://react-spectrum.adobe.com/releases/2024-07-22.html

We have a huge release today! Its a GA bonanza 🎊 – Submenu, unavailable menu items, DropZone and FileTrigger components are now in GA. Check our blog post on the intricacies of the submenu interactions and how we handled them.

In addition, we have added a suite of new color components including ColorPicker, ColorArea, ColorField, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, currently in beta. These enable you to build fully customizable color pickers, including accessible color descriptions for screen reader support.

The first alpha of TreeView has also been released. This was a highly requested component and includes support for expanding, collapsing, multi-selection, keyboard navigation, and interactive children. Documentation will follow soon, check out our React Spectrum storybook and React Aria Components storybook source code for examples.

We have also improved our integration with client side routers, accepting options to control router-specific behaviors such as scrolling, replacing instead of pushing to the history, base path, etc. For convenience, all collection items in React Aria Components (e.g. MenuItem) now also support isDisabled and onAction props directly, rather than needing to be defined on the root collection.

Last but not least, we want to acknowledge all the wonderful contributors who have dedicated their time to improve our libraries. A special thanks to @ryo-manba and @sookmax, who are responsible for multiple bug fixes to Switch, IME support, ListBox, ComboBox, as well as adding new features such as additional state attributes, hover events, and language support. Thank you!! 😍

Full release notes: https://react-spectrum.adobe.com/releases/2024-05-01.html

Welcome to the first release of the new year! We have had a great response to our GA release of React Aria Components. If you haven’t tried it out, visit our docs to explore the examples. To help get you started, we have also created a few starter kits. These downloadable starter kits contain beautifully styled implementations of every available component and includes a working storybook. Available in vanilla and Tailwind CSS!

We have been busy working on our new Submenu feature which we are excited to release as an alpha. We have also made improvements to our overlay positioning code to better handle pinch zooming and spatial awareness.

As always, huge thanks and appreciation for everyone in our community for their feedback and contributions to make this release possible!

Full release notes: https://react-spectrum.adobe.com/releases/2024-02-13.html