Market Card

Discovery

The workhorse display unit: title, venue, volume, and Yes/No prices that expand into a buy/sell ticket on click.

Loading a live market…

usage

import { MarketCard } from 'pmxt-widgets';

<MarketCard market={market} />

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/market-card.json