https://github.com/midudev/wc

A simple spinning loading web component based on the one from macOS
https://github.com/midudev/wc

spinner webcomponents

Last synced: about 2 months ago
JSON representation

A simple spinning loading web component based on the one from macOS

• Host: GitHub
• URL: https://github.com/midudev/wc
• Owner: midudev
• License: apache-2.0
• Created: 2019-01-20T17:21:24.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-01-20T21:22:12.000Z (over 5 years ago)
• Last Synced: 2024-07-07T00:42:55.584Z (3 months ago)
• Topics: spinner, webcomponents
• Language: TypeScript
• Homepage: http://midudev.com
• Size: 49.8 KB
• Stars: 47
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# spinning-progress-indicator-element

A simple spinning loading web component based on macOS one.

- 📦 [Microbundle](https://github.com/developit/microbundle) for exporting .mjs and optimize the output

- 🔎 Uses Typescript for type checking

- 👻 Shadow DOM to not mess with your elements and styles

- ⚖️ less than ~900 bytes gzipped with stylese included 💅

- 🍦 Three flavours black, grey and black

- 💁‍Two sizes available

👀 Demo: https://codesandbox.io/s/8njv8m1v88

## Installation

If you're using Webpack or Parcel, you could use directly the package:

`npm install @midudev/wc-spinning-progress`

Also, you could directly use the script using a CDN like unpkg:

``

Module version is provided as well:

``

## Usage

```html

```

## What's next

- [ ] Use custom properties instead attributes

- [ ] Upgrade to latest microbundle and get everything working

- [ ] Move this to a monorepo with more @midudev/wc?

## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b my-new-feature`

3. Commit your changes: `git commit -am 'Add some feature'`

4. Push to the branch: `git push origin my-new-feature`

5. Submit a pull request :D