ng-range-bar

This project was generated with Angular CLI

Features

ng-range-bar is simply a range bar/seekbar with material style it accepts:

• Minimum Value.
• Maximum Value.

Outputs:

• onSelect selected value of the user.

Installation

npm i range-bar-app

Add it to your Angular Module.

import { NgRangeBarModule } from 'ng-range-bar';

@NgModule({
  imports: [
    NgRangeBarModule
  ]
})
export class AppModule { }

Usage

Template - somecomponent.component.html

<ng-range-bar  [maxValue]=1080
[minValue]=1
[barColor]="'red'"
(onSelect)="selectedObject($event)"></ng-range-bar>

somecomponent.component.ts

export class SomeComponent {

  selectedObject(obj){
    console.log(obj);
  }
}