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. All components use internal translations and bridge rules context.
DealerSelect
Controlled select for choosing a dealer (player position).
import { DealerSelect } from '@workspace/bridge-react/form/dealer-select';
<DealerSelect value={dealer} onChange={setDealer} />Demo
Props
Prop
Type
VulnerabilitySelect
Controlled select for bridge vulnerability.
import { VulnerabilitySelect } from '@workspace/bridge-react/form/vulnerability-select';
<VulnerabilitySelect value={vulnerability} onChange={setVulnerability} />Demo
Props
Prop
Type
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
Prop
Type
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
Prop
Type
ResultExpectedSelect
Controlled select for expected tricks result.
import { ResultExpectedSelect } from '@workspace/bridge-react/form/result-expected-select';
<ResultExpectedSelect value={result} onChange={setResult} />Demo
Props
Prop
Type