← All widgets

Order Book

Market data

Live bid/ask depth ladder for one outcome, polled from fetchOrderBook.

Pick a market in the settings panel.
usage
import { OrderBookWidget } from 'pmxt-widgets';

// venue + outcomeId come from any discovery widget pick
<OrderBookWidget venue={venue} outcomeId={outcomeId} />
setup — sandbox mode (no API key needed)
import { PmxtProvider } from 'pmxt-widgets';

// Sandbox mode: live market data, fully simulated trading —
// a demo wallet with $1,000 of play money, no orders sent.
// Drop the sandbox prop (and add your PMXT API key) to go live.
<PmxtProvider config={{ apiUrl: '/api/pmxt' }} sandbox>
    <App />
</PmxtProvider>
npm
npm install pmxt-widgets
shadcn registry
npx shadcn@latest add https://widgets.pmxt.dev/r/order-book.json