Tokyo lorem

🚀 simple and powerful web component

quickly start

<script src="https://cdn.jsdelivr.net/gh/naif-sameer/tokyo-lorem@master/dist/lorem-lib.umd.js"></script>

<!-- English lorem -->
<tokyo-lorem word="150" language="en" paragraph="1"></tokyo-lorem>

<!-- Arabic lorem -->
<tokyo-lorem word="150" language="ar" paragraph="1"></tokyo-lorem>

Install js file

1. Using CDN

<!-- normal build -->
<script src="https://cdn.jsdelivr.net/gh/naif-sameer/tokyo-lorem@master/dist/lorem-lib.umd.js"></script>

<!-- es module build -->
<script
  type="module"
  src="https://cdn.jsdelivr.net/gh/naif-sameer/tokyo-lorem@master/dist/lorem-lib.es.js"
></script>

2.Using dist folder

<!-- normal build -->
<script src="dist/lorem-lib.umd.js"></script>

<!-- es module build -->
<script type="module" src="dist/lorem-lib.es.js"></script>

Use web component

<tokyo-lorem word="150" language="en" paragraph="2"></tokyo-lorem>

Attributes

attribute	type	option
word	number	0 < number < 10000
language	string	en , ar
paragraph	number	0 < number < 100