Marquee
A continuously scrolling ticker that loops its content infinitely. It duplicates the slot content behind the scenes to create a seamless loop, and exposes controls for direction, speed, and a stepped/stagger mode. Animation is disabled if user uses prefer-reduced-motion setting on.
Props
| Name | Default | Type |
|---|---|---|
direction | 'right' | 'left' 'right' The direction the content scrolls |
speed | 50 | number Scroll speed in pixels per second. Higher values scroll faster |
stagger | — | boolean Uses a stepped timing function for a jerky/ticker-style movement instead of smooth scrolling |
Slots
| Name | Accepts | Description |
|---|---|---|
default | any | The content to scroll. Items should use white-space: nowrap to prevent wrapping during animation |