byronwade/ui
Marketing & editorial

Market · Marketing & editorial

Price change

Signed price/percent change with a runtime-derived tone (success/destructive/muted from sign + neutralThreshold) and trend caret. `format` absolute/percent/both, `size` sm/default/lg, and a `chip` variant for a tinted pill. Reused across the TradingView-style set.

@byronwade/market@phosphor-icons/react

Feature showcase

Installation

Features

  • 1 example

    Default.

  • Tagged for tradingview, market

API

Dependencies

PackageKindDescription
@byronwade/marketregistryInstalled through the byronwade/ui registry.
@phosphor-icons/reactnpmInstalled from npm.

Source and related

FilePath
Componentregistry/components/price-change.tsx
Default examplecontent/examples/price-change/default.tsx