# ng-marquee-improved

> Angular 7/8 CSS-based Scrolling Marquee

Latest version **1.0.1** (published 2019-06-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install ng-marquee-improved
pnpm add ng-marquee-improved
yarn add ng-marquee-improved
bun add ng-marquee-improved
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2019-06-20 |
| First published | 2019-06-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 49.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | henry74 |
| Maintainers | henry74 |
| Keywords | angular, ng-marquee, marquee, moving text, scrolling text, angular 2+, angular 8, scrolling ticker |

## Links

- npm: https://www.npmjs.com/package/ng-marquee-improved
- Repository: https://github.com/henry74/ng-marquee
- Homepage: https://github.com/henry74/ng-marquee#readme
- Issues: https://github.com/henry74/ng-marquee/issues
- npm.io page: https://npm.io/package/ng-marquee-improved

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^1.9.0

## Recent versions

- 1.0.1 (latest) — 2019-06-20
- 1.0.0 — 2019-06-19

## README

# ng-marquee-improved

Angular 7/8 CSS-based Scrolling Marquee (e.g. stock/news ticker, scrolling marquee)

[originally forked from [https://github.com/shivarajnaidu/ng-marquee](https://github.com/shivarajnaidu/ng-marquee) to address this [issue](https://github.com/shivarajnaidu/ng-marquee/issues/2)]

## How to:

### Install using npm/yarn

```bash
   npm install ng-marquee-improved --save
   # OR
   yarn add ng-marquee-improved
```

### Simple Example

#### Import Module

```ts
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { NgMarqueeModule } from "ng-marquee-improved";

import { AppComponent } from "./app.component";

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NgMarqueeModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}
```

#### Component Usage

```html
<ng-marquee>
  <mark>Hello, World....</mark>
</ng-marquee>
```

## API

### Input Properties

###

`marqueeId` property should be a unique string across all instances of ng-marquee in the DOM

`duration` property available for controlling speed of text movement
(default value is 25 in seconds)

```html
<ng-marquee duration="30" marqueeId="qwerty123">
  <mark>Hello, World....</mark>
</ng-marquee>
```

---
_Source: https://npm.io/package/ng-marquee-improved · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._