ldbutton

css for buttons that load

Usage no npm install needed!

<script type="module">
  import ldbutton from 'https://cdn.skypack.dev/ldbutton';
</script>

README

Loading Buttons

CSS for button that loads. check https://loading.io/button/ for more information.

usage

  1. include ldbtn.css and loading.css:

  2. 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. You can use your own animation.
  • The class ld is required for loading buttons to identify the loader element.

  1. Trigger the loading animation by adding "running" class in the button:

You can also use ldLoader to manipulate loader's state.

For more information about how to use loading buttons, please check the online documentation here.

License

MIT.