@byrdapp/loadspinner v0.1.5

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.