A custom element that shows text as if it were being typed

Перейти к файлу

Kristján Oddsson 450773ff63 Set CI to run on Pull Requests as well		2021-05-28 09:31:51 +01:00
.github/workflows	Set CI to run on Pull Requests as well	2021-05-28 09:31:51 +01:00
examples	fix unpkg link	2021-05-04 18:08:36 +01:00
src	Add real tests	2021-04-08 18:53:04 -07:00
test	Improve tests	2021-04-09 14:53:28 -07:00
.eslintignore	Initial commit	2021-04-08 17:57:50 -07:00
.eslintrc.json	Set eslint config as root config	2021-04-28 08:41:10 +01:00
.gitattributes	Initial commit	2021-04-08 17:57:50 -07:00
.gitignore	Initial commit	2021-04-08 17:57:50 -07:00
.travis.yml	Initial commit	2021-04-08 17:57:50 -07:00
CODEOWNERS	Initial commit	2021-04-08 17:57:50 -07:00
CODE_OF_CONDUCT.md	Initial commit	2021-04-08 17:57:50 -07:00
CONTRIBUTING.md	Initial commit	2021-04-08 17:57:50 -07:00
LICENSE	Initial commit	2021-04-08 17:57:50 -07:00
README.md	Update README	2021-04-08 18:01:00 -07:00
SECURITY.md	Initial commit	2021-04-08 17:57:50 -07:00
karma.config.cjs	Initial commit	2021-04-08 17:57:50 -07:00
package-lock.json	0.0.2	2021-04-28 08:46:52 +01:00
package.json	0.0.2	2021-04-28 08:46:52 +01:00
tsconfig.json	Initial commit	2021-04-08 17:57:50 -07:00

README.md

<typing-effect> element

A custom element that shows text as if it were being typed

Installation

$ npm install @github/typing-effect-element

Usage

import '@github/typing-effect-element'

<typing-effect data-lines='["Welcome to GitHub!", "Let’s begin the adventure"]'>
  <span data-target="typing-effect.content"></span>
  <span data-target="typing-effect.cursor">|</span>
</typing-effect>

Browser support

Browsers without native custom element support require a polyfill.

Chrome
Firefox
Safari
Microsoft Edge

Development

npm install
npm test

License

Distributed under the MIT license. See LICENSE for details.

README.md Убрать экранирование Экранировать