williamboman / ng2-input-hints

Animates input placeholders to make it look like they are being typed in realtime

Animates input placeholders to make it look like they are being typed in realtime.

Install

$ npm install ng2-input-hints
# or
$ yarn add ng2-input-hints

Usage

Import the InputHintsModule and include it in your NgModule:

import { InputHintsModule } from 'ng2-input-hints'

<input [inputHints]="['Lorem ipsum', 'dolor sit amet', 'consectetur adipiscing elit']"
       [inputHintsWaitBeforeDeleteMs]="9000"
       [inputHintsWriteSpeedMs]="100"
       [inputHintsDeleteSpeedMs]="60"
/>

Tips

Use the selector:placeholder CSS pseudo-class to style your placeholders!

License

Licensed under the MIT license.

Authors

William Boman [e-mail]