|
1 |
| -# [React Aria Components](https://react-spectrum.adobe.com/react-aria/react-aria-components.html) |
| 1 | +# [React Aria Components](https://react-spectrum.adobe.com/react-aria/index.html) |
2 | 2 |
|
3 |
| -React Aria Components is a library of unstyled components implementing [ARIA patterns](https://www.w3.org/WAI/ARIA/apg/), built on top of the [React Aria](https://react-spectrum.adobe.com/react-aria/index.html) hooks. It provides components for common UI patterns, with accessibility, internationalization, interactions, and behavior built in, allowing you to focus on your unique design and styling rather than re-building these challenging aspects. React Aria has been meticulously tested across a wide variety of devices, interaction modalities, and assistive technologies to ensure the best experience possible for all users. |
4 |
| - |
5 |
| -Compared with the React Aria hooks, React Aria Components provides a default DOM structure and styling API, and abstracts away the glue code necessary to connect the hooks together. The components and hooks also work together, allowing them to be mixed and matched depending on the level of customization required. |
| 3 | +Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles. |
6 | 4 |
|
7 | 5 | ## Features
|
8 | 6 |
|
9 |
| -* ♿️ **Accessible** – React Aria Components provides accessibility and behavior according to [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.2/), including full screen reader and keyboard navigation support. All components have been tested across a wide variety of screen readers and devices to ensure the best experience possible for all users. |
10 |
| -* 📱 **Adaptive** – React Aria Components ensures consistent behavior, no matter the UI. It supports mouse, touch, keyboard, and screen reader interactions that have been tested across a wide variety of browsers, devices, and platforms. |
11 |
| -* 🌍 **International** – React Aria Components supports over 30 languages, including right-to-left-specific behavior, internationalized date and number formatting, and more. |
12 |
| -* 🎨 **Styleable** – React Aria Components does not include any styles by default, allowing you to build custom designs to fit your application or design system, with any styling methodology. |
13 |
| - |
14 |
| -## Status |
15 |
| - |
16 |
| -React Aria Components is currently in **RC**. This means APIs are unlikely to change, and we are in the final testing period before our stable release. Please report issues and feature requests [on GitHub](https://github.com/adobe/react-spectrum/issues). |
| 7 | +* 🎨 **Styleable** – React Aria is style-free out of the box, allowing you to build custom designs to fit your application or design system using any styling and animation solution. Each component is broken down into individual parts with built-in states, render props, and slots that make styling a breeze. |
| 8 | +* 📱 **Adaptive** – React Aria ensures a great experience for users, no matter their device. All components are optimized for mouse, touch, keyboard, and screen reader interactions, with a meticulous attention to detail that makes your app feel responsive and natural on every platform. |
| 9 | +* ♿️ **Accessible** – React Aria is designed with accessibility as a top priority, and battle tested in production applications. All components are built to work across a wide variety of devices and assistive technologies to ensure the best experience possible for all users. |
| 10 | +* 🌍 **International** – React Aria is engineered for internationalization out of the box, including translations in over 30 languages, localized date and number formatting and parsing, support for 13 calendar systems, 3 numbering systems, right-to-left layout, and more. |
| 11 | +* ⚙️ **Customizable** – React Aria offers a flexible and scalable API that lets you dive as deep into the details as you like. Start with high-level components with a built-in DOM structure and simple styling API, compose custom patterns with contexts, and for the ultimate control, drop down to the low-level Hook-based API. Mix and match as needed. |
17 | 12 |
|
18 | 13 | ## Documentation
|
19 | 14 |
|
20 |
| -You can learn more about React Aria Components in our [documentation](https://react-spectrum.adobe.com/react-aria/react-aria-components.html). |
| 15 | +You can learn more about React Aria Components in our [documentation](https://react-spectrum.adobe.com/react-aria/index.html). |
0 commit comments