DeFiLive Preview

Limit Order Manager

Clean order list with tab filtering (Active / Filled / All), buy/sell type badges, status indicators, and cancel with loading state. Parent owns all state.

limit-ordertradingbuysell

Limit Orders2

3 orders

ActiveFilledAll

buy2.5 ETH

@ $3,180.00 · 2 min ago

active

sell1.0 ETH

@ $3,450.00 · 1 hr ago

filled

buy5,000 USDC

@ $1.00 · 3 hr ago

active

3 orders total

API Reference

Prop	Type	Default	Description
`orders*`	`LimitOrder[]`	`—`	Order list (id, type buy/sell, token, amount, price, status, timestamp)
`onCancel`	`(orderId: string) => void`	`—`	Called when user cancels an active order
`onCreateOrder`	`() => void`	`—`	Called when user clicks New Order (parent handles form)
`cancellingId`	`string`	`—`	Order ID being cancelled (shows loading spinner)
`className`	`string`	`—`	Additional CSS classes