Contract

Import from @workspace/ui-bridge/contract/contract-display. Builds on the Bid atoms; the suit glyph follows the surrounding font size.

Status pills and auction hooks live on the Contract pills page.

ContractDisplay

Inline contract: level, suit glyph (or the localized no-trump symbol from the Strings Provider) and the X / XX status.

import { ContractDisplay } from '@workspace/ui-bridge/contract/contract-display';
import { parseContractString } from '@workspace/bridge/parsers';

const contract = parseContractString('4SX');
if (contract) {
  <ContractDisplay contract={contract} />  // Shows "4♠X"
}

Gallery

Props