Realtime Ticker
dataLive-updating metric ticker that streams values with directional change indicators.
Preview
No preview available
Check the code examples below.
Installation
npm install @launchapp/design-systemImport
import { RealtimeTicker } from "@launchapp/design-system";Examples
Stock ticker
<RealtimeTicker items={[ { symbol: "ACME", value: 142.50, change: +2.3 }, { symbol: "GLOB", value: 87.20, change: -1.1 },]} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
items* | TickerItem[] | — | Array of ticker items with symbol, value, and change. |
interval | number | 2000 | Update interval in milliseconds. |