@byrdapp/loadspinner

Angular loadspinner component

Usage no npm install needed!

<script type="module">
  import byrdappLoadspinner from 'https://cdn.skypack.dev/@byrdapp/loadspinner';
</script>

README

ByrdLoadspinner 0.1.5

Angular loadspinner component

Install

npm install @byrdapp/loadspinner

Running the demo

ng build --watch
npm start

Inputs

  • show: (optional) Boolean. Control whether the internal html should show.
  • size: String. The size can be written as absolute '200px', or relative '75%'.
  • animationDuration: (optional) Number. This controls how fast the spinner rotates.
  • showLogo: (optional) Boolean. This controls whether or not the logo should show. This is ignored if isProgress is true.
  • rimColor: (optional) String. The string inserted here overrides the standard Byrd colours (Red 900 and Red 700) for the outer ring.
  • spinnerColor: (optional) String. The string inserted here overrides the standard Byrd colours (Red 900 and Red 700) for the spinner itself and the logo.
  • isProgress: (optional) Boolean. This controls whether or not the spinner should act as a progress indicator or not. The progress observable is required if this flag is true.
  • progress$: (optional, required if isProgress) Observable. This observable is subscribed to and displayed in the centre of the spinner.