UI Components Overview

Component	Description	Props & Callbacks
<OrderBook />	Renders live buy/sell order book with customizable depth levels.	market: string, depthLevel: number
<TradeForm />	User interface for entering limit/market order parameters and executing trades.	onSubmit(orderParams), isLoading
<PositionTable />	Displays open positions, P&L, and margin utilization for cross‑margin trading.	positions: Position[], onClose(id)
<LeverageSelector />	Slider component for selecting leverage multiplier, enforces risk limits.	maxLeverage, onChange(value)
<WalletConnector />	Connects to user wallets (MetaMask, WalletConnect) and displays account info.	supportedChains, onConnect(address)
<TokenSwap />	Simple swap UI for market‑on‑chain token swaps with price impact warnings.	fromToken, toToken, amount
<DashboardLayout />	High‑level layout with header, sidebar nav, and network status indicator.	children, menus, networkInfo

Each component adheres to accessibility standards (ARIA compliance) and supports theming via Tailwind CSS variables.