Smooth-input NPM

smooth-input

Library for imitate human input

Installation

npm i smooth-input

Simple example

Demo Animation

import {SmoothInput} from 'smooth-input';
const h1 = document.getElementById('title')
const si = new SmoothInput(h1, {
    symbolsPerSecond: 10,
    delay: 5000,
    symbolsDelay: {' ': 500},
    text: 'Hello, World!'
})

Initialization

import {SmoothInput} from 'smooth-input';
const si = new SmoothInput(htmlElement, {...})

If you want to use default carriage you have to import css:

import 'smooth-input/css/style.css'

And set special class to text container:

smooth-text-container

Options

Name	Type	Default	Description
symbolsPerSecond	number	10	Count of symbols per second
delay	number	0	Time before start
symbolsDelay	Object	{}	Delay for certain symbols
text	string or null	null	Content of target element. If there isn't take textContent of element
carriage	CarriageOptions	-	Config for default carriage

#####CarriageOptions |Name|Type|Default|Description| |---|---|---|---| |visible|boolean|true|Visibility of carriage| |hideAfterInput|boolean|true|Hide carriage after all text input| |hideDelay|boolean|true|Time before hide carriage after input|