React Aria

Crie componentes acessíveis de nível internacional com estilos personalizados. React Aria oferece mais de 40 componentes com comportamento integrado, interações adaptáveis, acessibilidade de alto nível e internacionalização pronta para uso, preparados para receber seus estilos.

Por padrão, a biblioteca não define estilos, permitindo que desenvolvedores criem designs personalizados para suas aplicações ou sistemas de design com as soluções de estilo e animação que preferirem. Cada componente é dividido em partes individuais com estados integrados, propriedades de renderização e slots, simplificando o processo de estilização.

Os recursos avançados atendem a aplicações ambiciosas e garantem uma experiência natural por meio de interações ricas, adaptadas a dispositivos, plataformas e preferências dos usuários. Os componentes são projetados para ter ótimo desempenho independentemente do método de entrada, incluindo mouse, toque, teclado e leitores de tela, garantindo uma ótima experiência em todos os dispositivos.

A acessibilidade é prioridade: os componentes seguem o W3C ARIA Authoring Practices Guide e foram projetados para oferecer compatibilidade com várias tecnologias assistivas. A biblioteca oferece suporte à internacionalização com recursos como traduções, formatação localizada e vários sistemas de calendário.

A API do React Aria foi criada para oferecer flexibilidade e escalabilidade, permitindo que desenvolvedores comecem com componentes de alto nível e, quando necessário, aprofundem-se usando uma API de baixo nível baseada em Hooks para ter controle total. Ela incentiva a reutilização de estilos e componentes, permitindo criar um sistema de design coeso sem duplicações desnecessárias.