Marquee
A scrolling text marquee component.
Powering the best teams
Installation
Usage
import Marquee from '$lib/components/ori/marquee/marquee.svelte';<Marquee pauseOnHover>
<img src="https://example.com/logo1.png" alt="Logo 1" class="h-10" />
<img src="https://example.com/logo2.png" alt="Logo 2" class="h-10" />
</Marquee>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| pauseOnHover | boolean | false | Pauses the animation when the user hovers over the marquee |
| vertical | boolean | false | Scrolls vertically instead of horizontally |
| repeat | number | 4 | Number of times the slot content is duplicated |
| reverse | boolean | false | Reverses the direction of the scroll animation |
| class | string | '' | Additional CSS classes for the outer container |