React Aria

Erstelle erstklassige barrierefreie Komponenten mit individuellen Stilen. React Aria bietet über 40 Komponenten mit integriertem Verhalten, adaptiven Interaktionen, erstklassiger Barrierefreiheit und Internationalisierung. Sie sind sofort einsatzbereit und lassen sich an deinen Stil anpassen.

Standardmäßig kommt die Bibliothek ohne Styling. So können Entwickler mit beliebigen Styling- und Animationslösungen eigene Designs erstellen, die zu ihrer Anwendung oder ihrem Designsystem passen. Jede Komponente besteht aus einzelnen Teilen mit integrierten Zuständen, Render-Props und Slots, die das Styling vereinfachen.

Erweiterte Funktionen eignen sich auch für anspruchsvolle Anwendungen und sorgen mit vielseitigen Interaktionen für ein natives Gefühl. Sie passen sich an Geräte, Plattformen und Nutzerpräferenzen an. Die Komponenten sind für eine optimale Leistung ausgelegt, unabhängig davon, ob Nutzer Maus, Touch, Tastatur oder Screenreader verwenden. So bieten sie auf allen Geräten eine überzeugende Nutzererfahrung.

Barrierefreiheit hat höchste Priorität: Die Komponenten entsprechen dem W3C ARIA Authoring Practices Guide und sind mit verschiedenen assistiven Technologien kompatibel. Die Bibliothek unterstützt Internationalisierung mit Übersetzungen, lokalisierten Formaten und mehreren Kalendersystemen.

Die API von React Aria ist flexibel und skalierbar. Entwickler können mit übergeordneten Komponenten beginnen und bei Bedarf über eine niedrigstufige, Hook-basierte API die volle Kontrolle übernehmen. Stile und Komponenten lassen sich wiederverwenden, um ein einheitliches Designsystem ohne unnötige Duplikate aufzubauen.