COMPONENT recent-trades
Recent Trades
Scrollable trade feed with color-coded buy/sell sides and monospace prices. Feed with useRecentTrades(coin) which returns { trades }. Key props: trades (Trade[] with side, price, size, time), maxRows? (number, default 50). Pure presentation — no data fetching.
Install
$
npx shadcn@latest add https://ui.purrdict.xyz/r/recent-trades.json Preview
Recent TradesBTC Up/Down
SidePriceSizeTime
Yes65.2¢4514:32
No34.8¢12014:31
Yes65.0¢8014:30
Yes64.8¢2514:29
Yes65.5¢20014:28
No35.0¢6014:27
Yes64.5¢3514:26
Yes64.9¢15014:25
Usage
import { RecentTrades } from "@/components/hip4/recent-trades"
import type { Trade } from "@/components/hip4/recent-trades"
<RecentTrades
trades={recentTrades}
maxRows={15}
/>Props
| Prop | Type | Description |
|---|---|---|
trades | Trade[] | Array of { side, label, price, size, time } |
maxRows | number | Max visible rows. Default: 20 |
Dependencies
Registry components