# Trading Widget

#### Overview

The ZO Trading Widget (@zofai/trading-widget) is an embeddable perpetuals trading UI for ZO Finance on Sui.It lets you drop a full-featured trading interface into your dapp:

* Market header – Symbol selector, mark price, funding rate
* Price chart – Pyth-powered OHLC with live updates
* Recent trades – Live trade feed
* Trade panel – Open/close positions (market & limit) on ZLP / SLP / USDZ
* Positions / Orders / History – Bottom tabs, each with a countdown to next refresh
* RPC settings – Predefined or custom RPC URL with latency checks
* Wallet – Sui wallet connect via @mysten/dapp-kit-react and an account sidebar

You can either:

* Use the full widget as a single component, or
* Compose custom layouts using the exported components and hooks.