2.1.0 • Published 5 years ago
ng-ticker v2.1.0
NG-Ticker
html marquee implementation as angular component library.
Installation npm
$ npm install ng-tickerUsage
Import the module
import { NgTickerModule } from 'ng-ticker';
@NgModule({
imports: [ NgTickerModule ],
...
})
export class AppModule {}Template
<ng-ticker></ng-ticker>Options
| Name | Type | Default | Description | |
|---|---|---|---|---|
| direction | optional | string | 'left' | Animation direction of content inside ng-ticker element |
| speed | optional | string | '10s' | Speed of animation in direction in seconds. (speed need to be changed as width or content length on screen for better view) |
| steps | optional | string | '' | Steps in animation transition to make vintage effect. |
| stopOnHover | optional | Boolean | false | Stop ticker on hover |
| playState | optional | Boolean | true | Defines play state of ticker content |
Styling guide
There are several classes that help you to create your custom styles
app.component.css
:host ::ng-deep .ticker-container > span {
// any style properties.
}