Skip to content

A Polymer web-component that mimics a type writer effect

License

Notifications You must be signed in to change notification settings

contis2908/type-write

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Published on webcomponents.org

The type-write web-component

This is a Polymer web-component that mimics a type writer effect.
Feel free to use it in your projects or to fork and contribute to it.


Updates

This Element is currently using Polymer 1 but will be updated shortly to the latest version.

Features

The type-write element has the following properties available that allow its customization:

  1. An array for its text content
  2. Character type speed
  3. Character deletion speed
  4. Time before write
  5. Time before deletion
  6. Loop control
  7. Color for cursor & text
  8. Cursor type and blinking animation
  9. Stop function to break out of the loop

Basic Demo

<type-write text-array='["This is a demo...", "...of the type-write-animation element"]'></type-write>