Layout
Marquee
A horizontal or vertical strip of content that scrolls in an infinite loop.
<UiMarquee />Tag
tag is the wrapper element. Swap it for a landmark when the strip is a real region of the page rather than decoration.
Orientation
orientation scrolls the strip horizontally or vertically. Vertical needs a height on the marquee: there's nothing else to bound the loop.
Reverse
reverse runs the loop the other way. It's most useful on a second marquee stacked under the first — two strips moving in opposite directions read as motion rather than as a single drift.
Pause on hover
pauseOnHover stops the loop while the pointer is over the strip. Worth setting whenever the content is something you'd want to read or click, which is most content that isn't purely decorative.
Repeat
repeat sets how many times the slot content repeats to fill the loop. Raise it when the content is short enough to leave a gap.
Overlay
overlay is the edge fade. On by default so items enter and leave rather than being clipped; turn it off when the marquee sits on a surface the fade can't match.
Default slot
Whatever you put in it is what repeats — tags here, but logos, quotes or avatars work the same way.
API Reference
Generated from the component's source — props, slots and emits as the component actually declares them.
Props
keyof HTMLElementTagNameMap | Component'div'number4Slots
default