Bridge Training
UI Bridge

DenominationSelect

Controlled or uncontrolled field for a contract denomination.

Import from @workspace/ui-bridge/fields/denomination-select.

DenominationSelect

Lists the mode's validDenominations in engine order; pass options for another order, as a score tool does to put no trump first. Options render the BidDenominationDisplay glyph, so suits take the bid palette and no trump the localized symbol; the dropdown adds the suit name.

import { DenominationSelect } from '@workspace/ui-bridge/fields/denomination-select';

<DenominationSelect options={["NT", "S", "H", "D", "C"]} variant="toggle" value={denomination} onChange={setDenomination} />

Demo

Toggle

The same field with variant="toggle": every option inline, one pressed at a time.

Props

Prop

Type

Also accepts disabled and the context override of withBridgeContext.