Bridge ReactBidding
Comments
Auction comments display compound component.
AuctionComments
Import from @workspace/bridge-react/auction/auction-comments-display.
Compound display component for auction comments with Display and Empty sub-components. The display shows bid-comment pairs with an orange left border. Follows the same compound pattern as PlayComments and FinalComment.
AuctionComments.Display
import { AuctionComments } from '@workspace/bridge-react/auction/auction-comments-display';
<AuctionComments.Display comments={[
{ bid: '1NT', comment: '15-17 HCP, balanced' },
{ bid: '3NT', comment: 'Game force, no 4-card major' },
]} />Demo
Auction comments
North #1 — 1NT
15-17 HCP, balanced
South #2 — 3NT
Game force, no 4-card major
Props
AuctionComments.Empty
Placeholder shown when there are no auction comments.
<AuctionComments.Empty />
<AuctionComments.Empty labels={{ message: "Aucun commentaire" }} />Demo
No auction comments