https://github.com/loadingio/ldbutton
css for button that loads
https://github.com/loadingio/ldbutton
Last synced: 20 days ago
JSON representation
css for button that loads
- Host: GitHub
- URL: https://github.com/loadingio/ldbutton
- Owner: loadingio
- License: mit
- Created: 2019-02-11T03:22:23.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2025-03-21T10:09:20.000Z (11 months ago)
- Last Synced: 2025-10-19T05:44:05.906Z (4 months ago)
- Language: JavaScript
- Size: 553 KB
- Stars: 11
- Watchers: 2
- Forks: 3
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Loading Buttons
CSS for button that loads. check https://loading.io/button/ for more information.
# usage
install with npm:
npm install --save ldbutton
include required css file ( you may also need loading.css for spinner related css ):
add class for one of the desired effect to your button, along with a loader inside:
- The *ld-ball* and *ld-bounce* classes used here are from [loading.css](https://loading.io/animation/). You can use your own animation.
- The class *ld* is required for loading buttons to identify the loader element.
3. Trigger the loading animation by adding "running" class in the button:
You can also use [ldloader](https://loading.io/lib/loader/) to manipulate loader's state.
For more information about how to use loading buttons, please check the [online documentation here](https://loading.io/button/).
# License
MIT.