Suit

Import from @workspace/bridge-react/suit/suit-display.

SuitDisplay

Renders a bridge suit icon with variant-specific styling. Uses useBridgeEngine() internally for icons and colors based on the active rules variant (classic or petit-bridge).

import { SuitDisplay } from '@workspace/bridge-react/suit/suit-display';

<SuitDisplay suit="S" />
<SuitDisplay suit="H" colorVariant="bid" />

Demo

Props

Suit Icons

The module re-exports individual suit icon components for direct use:

import {
  SpadeSuit,
  HeartSuit,
  DiamondSuit,
  ClubSuit,
  PetitBridgeSuit,
} from '@workspace/bridge-react/suit/suit-icons';

Constants