smooth-input

Library for imitate human input

Installation

npm i smooth-input

Simple example

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|

Methods

Methods of SmoothInput instance

▸ setText(text: string): void

Removing old text and start input new one

Parameters:

Name | Type | Description | ------ | ------ | ------ | text | string | - |

Returns: void

▸ addTextToEnd(text: string): void

Adding text to enter at the end

Parameters:

Name | Type | Description | ------ | ------ | ------ | text | string | - |

Returns: void