ng-marquee

Angular 6+ Component For Marquee Text


( This Library Is Using Angular CLI's Library Generation Command )

How to:

$3

``
npm install ng-marquee --save
`

Demo

$3

#### Import Module

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

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

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

`

#### Use Component
`html

Hello, World.... Find Me @ https://www.linkedin.com/in/shivarajnaidu/ (Yuvaraj)

`

API

$3

$3


speed property available for controlling speed of text movement

#### possible values
* drowsy
* slow
* normal
* fast
* swift
* hyper

$3

`html

Hello, World.... Find Me @ https://www.linkedin.com/in/shivarajnaidu/ (Yuvaraj)

`




$3

$3

$3

`html

Hello, World.... Find Me @ https://www.linkedin.com/in/shivarajnaidu/ (Yuvaraj)

`




$3


stopOnHover property is usefull to stop the content movement on hover

#### possible values
* true
* false

$3

`html

Hello, World.... Find Me @
https://www.linkedin.com/in/shivarajnaidu/ (Yuvaraj)

`

$3


direction property available for controlling direction of movement

#### possible values
* left
* right
* alternate

$3

`html

Hello, World.... Find Me @ https://www.linkedin.com/in/shivarajnaidu/ (Yuvaraj)

`

To Build the component

`sh
ng build ng-marquee
``

Any contributions are appreciated.


#### Inspired by https://github.com/muchweb/html5-marquee