MOTION AS CONTENT
Keep the child semantic
Badges, text, and cards remain ordinary Dowe views inside the moving strip.
DISPLAY
Marquee
Marquee duplicates normal view children into a continuous motion track with explicit speed, direction, pause, fade, and orientation props.
MOTION AS CONTENT
Keep the child semantic
Badges, text, and cards remain ordinary Dowe views inside the moving strip.
PLAYGROUND
Move a release rail
Use a slow strip for editorial content and pauseOnHover when people may need to inspect a moving item.
HORIZONTAL
Portable motion
Rust-owned generation
v1.0Marquee speed:"slow" pauseOnHover:true fade:true fadeColor:"background" gap:4
Flex align:"center" gap:4
Chip variant:"soft" scheme:"success" size:"sm"
"NEW"
Text weight:"bold"
"Portable motion"
Text color:"muted"
"Rust-owned generation"DIRECTION AND DENSITY
Use the same child tree in different rails
reverse changes travel direction. orientation changes the track axis. The child layout still owns its own alignment and gap.
REVERSE
A fast reverse rail works for compact platform or status labels.
VERTICAL
Design
Compile
Ship
Vertical orientation is useful for short rotating labels inside a constrained panel.
Marquee speed:"fast" reverse:true pauseOnHover:true fade:true fadeColor:"surface" gap:3
Flex align:"center" gap:3
Chip variant:"soft" scheme:"primary" size:"sm"
"Web"
Chip variant:"soft" scheme:"secondary" size:"sm"
"Desktop"
Marquee speed:"normal" orientation:"vertical" fade:true fadeColor:"surface" gap:3 h:32
Flex direction:"column" align:"center" gap:3
Text weight:"bold"
"Design"
Divider orientation:"horizontal" scheme:"primary"
Text weight:"bold"
"Compile"PAUSE
Let people inspect
pauseOnHover is a useful default when the moving children carry labels or controls.
FADE
Signal the viewport
fade and fadeColor soften the edges without changing the child content or track length.
CHILDREN
Keep one semantic group
Marquee requires at least one normal child view and does not accept structural placeholder entries.
API
Props
Marquee also accepts common spacing, sizing, typography, visibility, radius, border, and accessibility props.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||