Realtime Ticker

data

Live-updating metric ticker that streams values with directional change indicators.

Preview

ACME

$142.50+1.6%

GLOB

$87.20-1.2%

Installation

npm install @launchapp/design-system

Import

import { RealtimeTicker } from "@launchapp/design-system";

<RealtimeTicker items={[  { symbol: "ACME", value: 142.50, change: +2.3 },  { symbol: "GLOB", value: 87.20, change: -1.1 },]} />

Prop	Type	Default	Description
`items`*	`TickerItem[]`	—	Array of ticker items with symbol, value, and change.
`interval`	`number`	`2000`	Update interval in milliseconds.