@naif4web/tokyo-lorem
v1.0.2
Published
<p align="center"> <img width="250" src="https://raw.githubusercontent.com/naif-sameer/tokyo-lorem/master/src/logo.svg" alt="tokyo-lorem logo"> </p>
Downloads
11
Maintainers
Readme
Simple and powerful 🚀 web component to generate lorem text (arabic and english)
Documentation
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
- 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 |