Market Card
A market and its outcomes, the backbone of a sportsbook: composed from parts around a MarketGrid. Every price toggles on its own, ready for a bet slip.
- Used by
- Fixture List
1x2
One market, one MarketGrid row: the name on the left of each outcome, the price on the right.
Event markets
A stack of markets. Labels head the Over and Under columns, and Show all opens the rest of the lines.
Event
Competition, kickoff and crests over the 1x2, with a chevron that opens more markets.
Chelsea
Aston VillaStacked outcomes
A vertical orientation puts each full team name over its price.
ChelseaAston VillaEvent row
Teams beside several markets. Markets stack as rows on narrow cards and turn into columns on wide ones.
Spain
ArgentinaSend to bet slip
The slip drives the prices: tap any number of outcomes to add them, tap again or remove from the slip to take them off.
ChelseaAston Villa
Napoli
OlympiacosTap a price to add it. Tap it again, or remove it here, to take it off.
pnpm dlx shadcn@latest add https://betui.fyi/r/market-card.json