Typewriter

An ISLE component that allows you to create a typewriter effect.

Options

• delay | number: initial delay before typewriter starts (in milliseconds). Default: none.
• hold | number: if text is an array of strings, hold specifies the duration the line will be displayed before it passes over to the next item in the array. Default: 2000.
• interval | number: the interval of the typewriter (in milliseconds). Default: 100.
• random | boolean: if random is set, the keystrokes will be performed with a certain, "humane" randomness. Default: false.
• sound | boolean: the typed keystroke will be also heard. Default: false.
• style | object: CSS inline styles. Default: {}.
• text | (string|array<string>): the full text to be displayed or an array of texts to be displayed sequentially. Default: ''.

Examples

• Minimal
• Delay and Sound
• With CSS
• Array of Strings
• Humanized

Live Editor

<Typewriter text="Lorem ipsum" />

<Typewriter text="Lorem ipsum" />

Result

ReferenceError: Provider is not defined