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

NEW

Portable motion

Rust-owned generation

v1.0
dowe
Marquee 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

WebDesktopAndroidiOS

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.

dowe
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 data

There are no records to display