Hang tight 🤙

Fully Accessible / Pure CSS Loaders

https://hang-tight.netlify.app

Installation

CSS

$ npm install --save hang-tight

React

$ npm install --save hang-tight-react

Accessibility

If you aren't using the react components and you are going with the pure HTML approach, ensure the following attributes are added:

• role="progressbar"
• aria-valuetext ("Loading" for example)
• aria-busy=true (when in the loading state)
• aria-valuemin
• aria-valuemax

(view the demo for examples)