Components

The library ships React components, grouped below by what they do. Every component is independently importable, isolated via its own shadow root, and shares a common configuration surface (theme, language, sign-in, leads, CTAs) documented in Core Concepts.

How components are organized

Group	Components
Quizzes & polls	`ClassicQuizPlay`, `PollVote`, `PersonalityQuizPlay`
Match & event predictions	`MatchQuizPlay`, `EventGamePlay`, `Predictor`, `TopX`
Engagement games	`PickThePair`, `ChanceGame`, `EitherOrPlay`
Lead capture	`CollectLead`
Community & social	`Discussion`
Standings & betting	`Leaderboard`, `Standings`, `Betslip`
Sports content	`CompetitorCard`
Content discovery	`List`

At-a-glance

Component	Templates	Sign-in gated	Lead capture	Notable extras
`ClassicQuizPlay`	`STANDARD` / `SPLIT` / `OVERLAY`	✓	inline	Answer explanations
`PollVote`	`STANDARD` / `SPLIT` / `OVERLAY`	✓	inline	Real-time results
`PersonalityQuizPlay`	`STANDARD` / `SPLIT` / `OVERLAY`	✓	inline	Persona matching, `optionsLayout`
`MatchQuizPlay`	`STANDARD` / `SPLIT` / `OVERLAY`	✓	inline	Countdown, points, prediction details
`EventGamePlay`	`STANDARD` / `SPLIT` / `OVERLAY`	✓	—	Boolean / number / enum / free input outcomes
`PickThePair`	`STANDARD` / `LANDING_PAGE` / `OVERLAY`	—	`after` only	Casual & challenge modes, timer
`ChanceGame`	`EMBED` / `STANDARD` / `OVERLAY`	—	—	Prize Wheel, Penalty Shootout, Pick One of X
`EitherOrPlay`	`STANDARD` / `OVERLAY`	✓	inline	Standings panel
`CollectLead`	`STANDARD` / `SPLIT` / `OVERLAY`	—	standalone	Custom fields, consents, success CTA
`Discussion`	n/a (adaptive)	callback	—	Threads, reactions, reporting, sort modes
`Leaderboard`	n/a	—	—	Multi-entity dropdown, "Overall" aggregation
`Predictor`	`"standard"` (multi-tab) / `"embed"` (single-match card)	✓	—	Season-long, leagues, prizes, integrated Betslip
`TopX`	n/a (multi-tab)	✓	—	Season-long picks, game nav label, leagues, integrated Betslip
`Betslip`	n/a (positioned)	—	—	Singleton `betslipApi`, bookmaker deep-link
`Standings`	n/a	—	—	Sport-agnostic columns, zone highlighting, team form (football only)
`CompetitorCard`	`standard` / `hero` / `horizontal` / `compact`	—	—	Season stats with a competition switcher, form, next/last fixture with odds, inline Fixtures & Squad panels, live badge
`List`	n/a (responsive grid)	✓ (played content)	inline (played content)	Mixed-content grid, load-more or fixed count, modal playback or click-through URLs

How to read a component page

Every component page follows the same structure:

Import — what to import and from which package.
Required props — the minimum to render the component.
Optional props — everything else, with links into Core Concepts for shared props.
Component-specific behavior — what makes this component unique.
Examples — runnable snippets, from basic to fully configured.

Choosing the right component

You want users to answer questions → ClassicQuizPlay (scored) or PersonalityQuizPlay (persona match).
You want a single opinion vote → PollVote.
You want sports predictions → MatchQuizPlay (one fixture), EventGamePlay (custom outcomes), Predictor (season-long score predictions), or TopX (season-long top-performer picks).
You want a fun engagement loop → PickThePair, ChanceGame, or EitherOrPlay.
You want to capture leads → CollectLead standalone, or leads prop on any game component.
You want comments under content → Discussion.
You want to show rankings → Leaderboard for game/quiz entities, or Standings for a sports competition table.
You want a sportsbook-style betslip → Betslip, or Predictor.betslip for the integrated version.
You want to surface several games at once → List — a grid of quizzes, polls and games that plays each one in a modal or links out to your own pages.

Shared configuration

These props look the same on every component that supports them — see Core Concepts for the full reference:

Theming — themeOptions
Templates — template, imagePosition
Internationalization — language
Lead Collection — leads
Sign-in CTA — userIsLoggedIn, signInCTA
Additional CTA — additionalCTA
Rules Display — rulesDisplay
Profile Sync — syncWithProfile