npm

Need private packages and team management tools?Check out npm Orgs. »

@uiowa/spinner

6.0.2 • Public • Published

@uiowa/spinner

Build Status npm

DEMO

StackBlitz

This library only contains three components and doesn't have third party dependencies.

Components

  • action-spinner

    Rotating circles. Used for action promise or waiting for page rendering. Allow to set spinner size. By default, size is 1rem.

  • loading-bar

    Beeping blocks. Used for server side data loading. Allow to set spinner size. By default, size is 1rem.

  • uiowa-ring

    Rotating spinner with Golden and Black colors. Userd as loading indicator. Allow to set spinner size. By default, size is 4rem.

Usage

<div>
  <action-spinner></action-spinner>
</div>
 
<div>
  <action-spinner size="2"></action-spinner>
</div>
 
<div>
  <action-spinner size="9"></action-spinner>
</div>
 
<loading-bar>Loading...</loading-bar>
 
<loading-bar size="1.5">Loading...</loading-bar>
 
<div style="color:red;">
  <loading-bar size="2">
    <span style="font-size:2rem;">Validating ...</span>
  </loading-bar>
</div>
 
<h2>Title
  <action-spinner></action-spinner>
</h2>
 
<uiowa-ring></uiowa-ring>   // default size = 4rem
<uiowa-ring size="2"></uiowa-ring>
 
@NgModule({
  declarations: [...],
  imports: [..., SpinnerModule],  // import SpinnerModule
  providers: []
})
export class AppModule {}

install

npm i @uiowa/spinner

Downloadsweekly downloads

5

version

6.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
Report a vulnerability