leoo

Leo

Create elements when you scroll

---

Content

• Features
• Install
• Exemples
• Usage
• Exemples
• Documentation
• Exemples
• API
• Contributing
• Maintainers

Features ✨

• Create a lazy element when you scroll.
• Create a beautiful HTML page.

Install 🐙

Add this script in your HTML to access Leo.

<script crossorigin src="https://unpkg.com/leoo@1.0.0/umd/leo.client.min.js"></script>

Exemples 🖍

new Leo("main", [
        {
            htmlContainer: 'section',
            class: ["t"]
        },
        {
            htmlContainer: "section",
            class: ["l"],
            template: `
              <h1>You can use backticks with multiples lines</h1>
              <p>An other html element</p>
            `
        },
        {
            htmlContainer: "div",
            class: ["test", "m"],
            template: `<h1>Test Leo</h1>`
        }
    ]);

Let's try this script it will create three elements in the <main></main> HTML element.

API 👩‍💻

Once you include the script you can access the Leo class.

Class new Leo(container, ops, [options]).

The leo class allow you to create lazy HTML elements.

• container - The container where the elements would be create, can be an HTML tag, class or id.
• ops - An array of objects.
  • class - An array of class to add to your new HTML element.
  • template - The inner html of your html.
  • htmlContainer - The HTML tag of your new element.
• [options] - Object option
  • [options.infinite] default -> false - If true recreate infinitely elements.

License ⚖️

@MIT

---

File generated with get-good-readme module