Marquee
Infinite scrolling marquee component with customizable speed and direction.
Installation
Copy the Source Code
Copy and paste the following code into your project:
marquee.svelte
index.ts
Folder Structure
Folder Structure
Examples
Pause on Hover
AL
Alice
Product Manager
BO
Bob
Software Engineer
CA
Carol
UX Designer
DA
David
Data Scientist
EM
Emma
Marketing Lead
FR
Frank
DevOps Engineer
GR
Grace
Design Engineer
HE
Henry
QA Specialist
Vertical Stack
New message received
2 min ago
Upload completed
5 min ago
Meeting starting soon
10 min ago
Task completed
15 min ago
New follower
20 min ago
System update available
30 min ago
Props
| Name | Type | Default | Description |
|---|---|---|---|
children | Snippet | required | |
duration | number | 20 | |
pauseOnHover | boolean | false | |
direction | "left" | "right" | "up" | "down" | "left" | |
fade | boolean | true | |
fadeAmount | number | 10 | |
class | string | '' | |
style | string | '' | |