https://github.com/BugSplat-Git/ngx-animated-counter

Angular counting animations made as easy as 1️⃣2️⃣3️⃣ !
https://github.com/BugSplat-Git/ngx-animated-counter

angular animated counter ng

Last synced: 7 days ago
JSON representation

Angular counting animations made as easy as 1️⃣2️⃣3️⃣ !

• Host: GitHub
• URL: https://github.com/BugSplat-Git/ngx-animated-counter
• Owner: BugSplat-Git
• License: mit
• Created: 2020-03-24T18:03:15.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-12-03T15:06:41.000Z (10 days ago)
• Last Synced: 2024-12-03T16:18:59.334Z (10 days ago)
• Topics: angular, animated, counter, ng
• Language: TypeScript
• Homepage: https://bugsplat-git.github.io/ngx-animated-counter-example
• Size: 3.42 MB
• Stars: 5
• Watchers: 3
• Forks: 2
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• trackawesomelist - ngx-animated-counter (⭐6) - BugSplat's library provides simple count up and count down number animations. (Recently Updated / [Dec 06, 2024](/content/2024/12/06/README.md))
• fucking-awesome-angular - ngx-animated-counter - BugSplat's library provides simple count up and count down number animations. (Table of contents / Third Party Components)
• awesome-angular - ngx-animated-counter - BugSplat's library provides simple count up and count down number animations. (Table of contents / Third Party Components)

README

        
[![bugsplat-github-banner-basic-outline](https://user-images.githubusercontent.com/20464226/149019306-3186103c-5315-4dad-a499-4fd1df408475.png)](https://bugsplat.com)




# 
BugSplat


### **
Crash and error reporting built for busy developers.
**




    

        

    

    

        

    



## 👋 Introduction

BugSplat's [@bugsplat/ngx-animated-counter](https://www.npmjs.com/package/@bugsplat/ngx-animated-counter) package provides simple count up and count down number animations. Take a peek our [example](https://bugsplat-git.github.io/ngx-animated-counter-example/) that demonstrates our animated counter.

## 🏗 Installation

`npm i -s @bugsplat/ngx-animated-counter`

## 🏃 Usage

Add the `NgxAnimatedCounterModule` to your module's imports:

```ts

import { NgxAnimatedCounterModule } from '@bugsplat/ngx-animated-counter'

@NgModule({

  ...

  imports: [

    NgxAnimatedCounterModule

  ],

  ...

})

```

The `ngx-animated-counter` component takes one input the properties `start` (number to being the animation), `end` (number to end the animation), `interval` (time in ms between increments), and `increment` (number to increment by each interval):

```ts

public params: NgxAnimatedCounterParams = { start: 20, end: 220, interval: 10, increment: 20 };

```

Add the counter to your component's template:

```html

```

## 🐛 About

[ngx-animated-counter](https://github.com/BugSplat-Git/ngx-animated-counter) is an open source tool from [BugSplat](https://www.bugsplat.com/)! BugSplat is a crash and error reporting tool used by developers to find when their software crashes while in use, and to collect data valuable to fixing those errors. If you're interested in error reporting, check out our [Angular](https://docs.bugsplat.com/introduction/getting-started/integrations/web/angular) integration.

With :heart:  

BugSplat