Bridge React
Form
Controlled form inputs for deal configuration.
Import from @workspace/bridge-react/form/*.
Overview
The form module provides controlled select and switch components for deal configuration. Bridge domain options (vulnerability values, scoring modes, trick counts, teaching modes) are translated internally via BridgeEngine.notation — only UI-level text (form labels, placeholders, descriptions) is passed as props.
PlayerSelect
Controlled select for choosing a player position.
import { PlayerSelect } from '@workspace/bridge-react/form/player-select';
<PlayerSelect value={player} onChange={setPlayer} />Demo
Props
VulnerabilitySelect
Controlled select for bridge vulnerability.
import { VulnerabilitySelect } from '@workspace/bridge-react/form/vulnerability-select';
<VulnerabilitySelect value={vulnerability} onChange={setVulnerability} />Demo
Props
ScoringSelect
Controlled select for scoring mode (TPP, IMP, etc.).
import { ScoringSelect } from '@workspace/bridge-react/form/scoring-select';
<ScoringSelect value={scoring} onChange={setScoring} />Demo
Props
PedagogyModeSelect
Controlled select for pedagogy mode with grouped options.
import { PedagogyModeSelect } from '@workspace/bridge-react/form/pedagogy-mode-select';
<PedagogyModeSelect value={mode} onChange={setMode} groups={groups} />Props
ResultExpectedSelect
Controlled select for expected tricks result.
import { ResultExpectedSelect } from '@workspace/bridge-react/form/result-expected-select';
<ResultExpectedSelect value={result} onChange={setResult} />