Created a re-usabe and accessible accordion component
In the project directory, you can run:
Downloads and install packages locally
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
- The component accepts other components.
- One can open and close the titles listed in the accordion.
- A test is performed for searching a content in a component.
- A test is performed for ensuring the click event handler function is called.
- A test is performed to check the button has "aria-expanded" attribute and it is detected.
- Aria attributes are used to make the component accessible.
- Add more keyboard support features for improving accessiblity.
- Add smooth transitions between up and down arrow images.
- Add media queries to make the component responsive.
-
This project was bootstrapped with Create React App.
-
Dependencies used includes:
3.Jest