wgpill v1.0.1

WgPill

Is an angular component library, based on angular-cli project. This component shows the progress bar with %age indicating progress completed. The pill can be color coded based on the type of pill. It's width can be passed in as an input parameter.

Notes

It was generated by angular-cli with ng new wgpill command.

This library has demo app, that can be used for documentation or sandbox purposes, and expose only components directory, which has the code for the library.

You could use ng serve to run it and test the app locally.

Publish

To publish the library to npm just run the following commands npm run build then run npm publish.

Before publishing make sure your package.json version is updated.

Usage

• create new angular-cli project: ng new wg-demo-app or use it within your existing repo.
• install library: npm install --save wgpill

• add module import declaration in app.module.ts:

     import { BrowserModule } from '@angular/platform-browser';
     import { NgModule } from '@angular/core';
     
     import { AppComponent } from './app.component';
     import { WgPillModule } from '../../wgpill';
  
     @NgModule({
       declarations: [
         AppComponent
       ],
       imports: [
         BrowserModule,
         WgPillModule
       ],
       providers: [],
       bootstrap: [AppComponent]
     })

• use wg-pill in app.component.html:<wg-pill></wg-pill> or

  	```typescript

  <wg-pill pillWidth="200" pillProgress="40" pillType="'hits'">

• run project: ng serve