FXRateTicker
Horizontally scrolling FX rate ticker with live-style directional change indicators
import { FXRateTicker } from "@danagraph/design-system/finance"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
ratesreq | FXTickerRate[] | — | Array of currency pairs to display |
speed | number | — | Scroll speed in pixels per second (default: 40) |
pauseOnHover | boolean | — | Pause scrolling on hover (default: true) |
breakpoints | ThresholdBreakpoints | — | Custom severity breakpoints for change coloring |
ratesrequiredType
FXTickerRate[]Default —Array of currency pairs to display
speedType
numberDefault —Scroll speed in pixels per second (default: 40)
pauseOnHoverType
booleanDefault —Pause scrolling on hover (default: true)
breakpointsType
ThresholdBreakpointsDefault —Custom severity breakpoints for change coloring
MobileTouch Target
Ticker items that are tappable must be ≥44px. Horizontal scroll on overflow — disable pointer-events on the scroll track.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?