Trading Panel

Composite

The everything-widget: PriceChart + OrderBookWidget + OrderTicket composed around a single market.

Pick a market in the settings panel.

usage

import { TradingPanel } from 'pmxt-widgets';

// picked: PickedMarket from a discovery widget (or toPickedMarket)
<TradingPanel market={picked} />

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/trading-panel.json