Murphy Logo Murphy

Price Change

The PriceChange component displays the change of a price over time.

Click to toggle between % and $

Price Change

Open in
+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

NameTypeDefault
data{ timestamp: number; price: number }[][]
type"%" | "$"%
Edit on GitHub

Txn List

The Txn List component is a table of transactions with metadata.

Create Collection Form

A Solana NFT collection creation component with shadcn UI styling

On this page