Market Data

Presentation components for provider-sourced exchange rates. Callers own fetching, reconciliation, freshness, and localized formatting; these components own density, movement, direction, and surface hierarchy.

Exchange-rate ticker

PriceTicker wraps beUI Marquee. Each quote keeps its provider visible; hover pauses motion, and reduced-motion settings collapse movement upstream.

Provider mix

Market rates

BTC/USD$102,684.31+2.41%via Kraken

XMR/USD$412.07-0.83%via CoinGecko

DBL/BTC0.00000184+0.12%via Harbor index

<PriceTicker quotes={apiQuotes} sourceLabel="Market rates" pauseOnHover />

--ch-surface
--ch-line
--ch-success
--ch-danger

Continuous exchange rates from independent upstream sources.

Coin price cards

Raised surfaces. Name, chart, market cap, volume, provider, and movement fields remain optional so one component covers wallet summaries and richer market views.

Full market card

Bitcoin

BTC

Kraken

$102.68K

+$2,413.84+2.41%24h

Market cap: $2.04T
Volume: $48.7B

Negative movement

Monero

XMR

CoinGecko

$412.07

−$3.44-0.83%24h

Compact fields

DBL

0.00000184

+0.12%24h

Only symbol, price, and movement are required here.

<CoinPriceCard
  symbol="BTC"
  name="Bitcoin"
  price="$102,684.31"
  changePercent={2.41}
  chart={<Sparkline data={history} />}
  provider="Kraken"
/>

Across themes

Market surfaces inherit brand tokens; semantic gain/loss color remains stable.

Bitcoin

BTC

$102.68K

+2.41%24h