Price Change
The PriceChange component displays the change of a price over time.
Price Change
+0.11%
Installation
Install Murphy PriceChange
pnpm dlx shadcn@canary add https://www.murphyai.dev/r/price-change.json
Basic Usage
import { PriceChange } from "@/components/ui/murphy/price-change";
<PriceChange data={[
{
"timestamp": 1729497600,
"price": 0.0859761699383211
},
{
"timestamp": 1729501200,
"price": 0.08605958846019263
},
{
"timestamp": 1729504800,
"price": 0.08700024496006961
},
{
"timestamp": 1729508400,
"price": 0.08606881239339946
}
]} />
Props
Name | Type | Default |
---|---|---|
data | { timestamp: number; price: number }[] | [] |
type | "%" | "$" | % |