Bridge ReactPlay
PlayInputs
Interactive card selection grid with trick tracking.
Import from @workspace/bridge-react/play/inputs/*.
Overview
The Play module provides components for card play interaction and display. It includes:
- PlayInputs — Interactive card selection grid with trick tracking
- Flat components — PlayInput (textarea), TricksDisplay, PlayAnnotations, PlayErrors, PlayHelp
- Status — LeadPill, PlaySequencePreview, IncompleteHandsCallout
PlayInputs
Main interactive play component. Renders a card selection grid for the current player, displays played tricks, and handles follow-suit rules.
import { PlayInputs } from '@workspace/bridge-react/play/inputs/play-inputs';
<PlayInputs
hands={hands}
auction={auctionSequence}
leadPlayer="W"
tricks={tricks}
onTricksChange={setTricks}
comments={comments}
onCommentsChange={setComments}
/>Props
Prop
Type
Sub-components
The PlayInputs module includes these internal sub-components:
| Import | Component | Description |
|---|---|---|
play/inputs/card-grid | CardGrid | Grid of cards grouped by suit |
play/inputs/card-button | CardButton | Single clickable card button |
play/inputs/trick-row | TrickRow | Single trick with cards and annotations |
play/inputs/card-annotation-input | CardAnnotationInput | Popover comment input per card |
play/inputs/current-player-indicator | CurrentPlayerIndicator | Shows whose turn it is |