Initializing marquees

There are two main ways to initialize and use MANAWAVE: using the <manawave-marquee> web component or MW object.

Generally for both approaches, MANAWAVE will take whatever is in the element (the children) and repeat them across its allocated space.

Web Component

You can use the <manawave-marquee> web component to initialize MANAWAVE without writing any explicit JavaScript.

<manawave-marquee> Content </manawave-marquee>

Classic DOM Element

You can also initialize MANAWAVE using an existing element. You can pass in an element or CSS selector query to initialize.