Mirror: React hooks for accessible, common web interactions. UI super powers without the UI.
kitten.sh
1<img width="890" alt="useInteractions" src="https://user-images.githubusercontent.com/2041385/175799707-a9187ab1-97d3-45b1-b594-10c62253d4da.svg">
2<br>
3
4React hooks for accessible, common web interactions. **UI super powers without the UI.**
5
6`use-interactions` is an experimental and incomplete collection of utility hooks to selectively provide accessible behaviours, animations, and other tricky interactions that would otherwise slow you down when building an accessible application. All UI and styling is up to you and ARIA authoring is only based on advice.
7
8<a href="https://npmjs.com/package/use-interactions"><img alt="NPM Version" src="https://img.shields.io/npm/v/use-interactions.svg?style=flat-square" /></a>
9<a href="https://npmjs.com/package/use-interactions"><img alt="License" src="https://img.shields.io/npm/l/use-interactions.svg?style=flat-square" /></a>
10<a href="https://bundlephobia.com/result?p=use-interactions"><img alt="Minified gzip size" src="https://img.shields.io/bundlephobia/minzip/use-interactions.svg?label=gzip%20size&style=flat-square" /></a>
11<br><br><br>
12
13**Website with Patterns coming soon.**
14
15## Development
16
171. Install deps with `yarn install`
182. Run tests with `yarn test`
193. Alternatively, you can use `yarn test:open` to run Cypress UI, where you can visual see the browser running tests so they can be easier to debug.
20
21We use [Cypress component testing](https://docs.cypress.io/guides/component-testing/writing-your-first-component-test), and this is how we develop and test the react hooks offered by this library.