Bid

Atoms for rendering a single bid. Import from @workspace/ui-bridge/components/bid/*.

Components that compose these atoms live on their own pages: BidPad, BidSequenceInput and AuctionSequence.

BidDenominationDisplay

Displays a bid suit — either a colored suit icon or the no-trump symbol from the labels provider.

import { BidDenominationDisplay } from '@workspace/ui-bridge/components/bid/bid-denomination-display';

<BidDenominationDisplay denomination="S" />
<BidDenominationDisplay denomination="NT" />

Gallery

BidDisplay

Renders a bid in one of two notations. short (default) is the glyph: level + suit symbol, or P / X / XX. long keeps level + suit icon for suits and spells the localized word out where there is no symbol: "3 No Trump", "Pass", "Double".

variant="pill" wraps the bid in a borderless toned fill for a bid that has already been made (auction sequences, thumbnails, comment anchors). Colors resolve from CSS tokens, so apps can re-theme the palette without touching the component. For an interactive key, use BidButton.

import { BidDisplay } from '@workspace/ui-bridge/components/bid/bid-display';

<BidDisplay bid="1NT" />
<BidDisplay bid="4S" notation="long" />
<BidDisplay bid="Pass" variant="pill" />

Gallery

BidButton

Styled button for displaying or selecting a bid. Colors are derived automatically from the bid's tone (pass = green, double = red, suits = colored, etc.).

import { BidButton } from '@workspace/ui-bridge/components/bid/bid-button';

<BidButton bid="Pass" onClick={() => handleBid('Pass')} />
<BidButton bid="3H" compact />
<BidButton bid="X" disabled />

Gallery

Variant

BidButton accepts a variant prop — ghost (default, toned text on a flat neutral surface, no border) or fill (toned background + colored border pill).

<BidButton bid="3H" />               {/* ghost */}
<BidButton bid="3H" variant="fill" />

Constants

Levels, the engine denomination order and the special-bid list come from @workspace/bridge directly (BID_LEVELS, DENOMINATIONS, SPECIAL_BIDS from @workspace/bridge/constants).