GraphTicker

Import

svelte
import { GraphTicker } from 'markgraphy';

Basic usage

svelte
<GraphTicker
  title="example"
  speedMs={140}
/>

Props

PropTypeDefaultDescription
titlestring—Caption drawn on the top edge as [ TITLE ]. Uppercase, 1–2 words.
itemsTickerItem[]—Tokens rotated through the row, in order.
speedMs?number140Milliseconds per rotation step. Default 140.
animated?booleantrueAnimate the rotation. Default true. Reduced motion shows the first items.
corner?string—Character at each corner of the frame. Default ’+‘.
class?string''—

Exported types

  • TickerItem
  • GraphTickerProps

Reduced motion

Animation is disabled under prefers-reduced-motion.