React Aria
A library of aria helpers for React components.
What role does this package play in Pando?
erDiagram
PANDO ||--o{ DESIGN-TOKENS : contains
PANDO ||--o{ ICONS : contains
PANDO ||--o{ HEADLESS-STYLES : contains
PANDO ||--o{ REACT : contains
PANDO ||--o{ REACT-UTILS : contains
PANDO ||--o{ REACT-ARIA : contains
DESIGN-TOKENS ||..|{ NORMALIZE-SETUP : contains
NORMALIZE-SETUP ||..|{ THEMES : contains
HEADLESS-STYLES ||--|{ DESIGN-TOKENS : uses
REACT ||--|{ HEADLESS-STYLES : uses
REACT ||--|{ REACT-ARIA : uses
REACT ||--|{ REACT-UTILS : uses
This package utilizes the latest version of React to deliver flexible aria helpers for components.
React General Function
The react-aria package works cohesively with the other libraries when combined with them. It's true purpose is to provide a11y to any component from the react package.
Install
This project uses pnPm so there are no setup commands needed. If you get any errors, you may need to run an initial pnpm install or ensure you are using Node >= 18.
Development
We utilize a Vite TS/React sandbox to help keep security issues, complexity, and dependency size down which is a common problem when using a tool like Storybook.
From the root directory of the project, run:
pnpm start:sandbox
Testing
To run your unit tests, make sure you are in the project root directory not this workspace - and run:
pnpm test
Contribution
If you plan on contributing to this project, please take time to read our CONTRIBUTING.md. Pull requests that do not adhere to the requirements in this doc will automatically be flagged and closed.
