x-typing-text

Text Typing WebComponent

Usage no npm install needed!

<script type="module">
  import xTypingText from 'https://cdn.skypack.dev/x-typing-text';
</script>

README

Typing Text Webcomponent

StencilJS Build NPM version NPM downloads David Dependencies Badge David Dev Dependencies Badge Published on webcomponents.org

Installation

npm i x-typing-text

or, import in HTML file

<script type="module" src="https://unpkg.com/x-typing-text/dist/x-typing-text/x-typing-text.esm.js"></script>
<script nomodule src="https://unpkg.com/x-typing-text/dist/x-typing-text/x-typing-text.js"></script>

Usage

<x-typing-text text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut"
               waiting-time="250"
               delay="1000">
</x-typing-text>

Properties

Property type Description Default
text string The text who will be typing
waiting-time number The delay between each characters 500
delay number The delay to start typing 0

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

M.I.T