Bridge Training
UI Bridge

Rank

Display card ranks using the BridgeEngine context.

Import from @workspace/ui-bridge/rank/rank-display.

RankDisplay

Displays a card rank using the BridgeEngine context for variant-specific formatting. Uses useBridgeEngine internally to format ranks according to the active variant.

import { RankDisplay } from '@workspace/ui-bridge/rank/rank-display';

<RankDisplay rank="A" />
<RankDisplay rank="T" />

light

Classic · English

AKQJ1098765432

Classic · French

ARDV1098765432

Petit bridge · French

10987654321

dark

Classic · English

AKQJ1098765432

Classic · French

ARDV1098765432

Petit bridge · French

10987654321

Props

Prop

Type