Ngx-sbz-type-delete NPM

An infinite type and delete animation in Angular 10

demo-gif

An angular 10 component for infinite type and delete animation

Demo

Stackblitz

Installation

run this:
```
npm i ngx-sbz-type-delete
```

go to app.module and add this:

import { InfiniteTypeDeleteModule } from "ngx-sbz-type-delete";

@NgModule({
    imports: [
        InfiniteTypeDeleteModule
    ]
})

use like this:

 <ngx-sbz-type-delete [wordArray]="['hello']"></ngx-sbz-type-delete>

4.. Enjoy :)

Inputs to customize to animation

Input	Type	Default	Description
wordArray	string[]	-----------	array of strings to be displayed on screen
textColor	string	'black'	text and blink color
fontSize	string	'20px'	size of the text. suffix must be px/vw/vh
blinkWidth	string	'2px'	width of the blinking cursor at the end. suffix must be px/vw/vh
typingSpeedMilliseconds	number	300	delay between each letter typing. 1000 milliseconds => 1 second
deleteSpeedMilliseconds	number	300	delay between each letter delete. 1000 milliseconds => 1 second

Contribution

Want to contribute? Great! It's open source. 1. Fork it 2. Create your feature branch (git checkout -b my-new-feature) 3. Commit your changes (git commit -am 'Added some feature') 4. Push to the branch (git push origin my-new-feature) 5. Create new Pull Request