https://github.com/schne324/hang-tight

css loaders
https://github.com/schne324/hang-tight

Last synced: about 2 months ago
JSON representation

css loaders

• Host: GitHub
• URL: https://github.com/schne324/hang-tight
• Owner: schne324
• Created: 2020-05-18T03:19:08.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T09:38:43.000Z (about 2 years ago)
• Last Synced: 2024-04-24T10:24:48.578Z (9 months ago)
• Language: CSS
• Homepage: https://hang-tight.netlify.app/
• Size: 3.26 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Hang tight :call_me_hand:

[![Netlify Status](https://api.netlify.com/api/v1/badges/535cfb69-fa53-4c35-819b-171a187da476/deploy-status)](https://app.netlify.com/sites/hang-tight/deploys)

> Fully Accessible / Pure CSS Loaders

https://hang-tight.netlify.app

## Installation

### CSS

```sh

$ npm install --save hang-tight

```

### React

```sh

$ 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](https://hang-tight.netlify.app) for examples)