No orders yet
Installation
npx @hanzo/ui@latest add orders-historyUsage
import { OrdersHistory } from "@hanzo/ui/finance"
export default function Demo() {
const orders = [
{
id: "1",
symbol: "AAPL",
type: "buy",
shares: 100,
price: 175.5,
status: "filled",
timestamp: Date.now(),
},
]
return <OrdersHistory orders={orders} />
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
| orders | Order[] | [] | Array of order objects |
| onCancel | function | - | Callback when order cancelled |
| showFilters | boolean | true | Show status filters |