Bridge Training
Bridge React

Rank

Display card ranks using the BridgeEngine context.

Import from @workspace/bridge-react/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/bridge-react/rank/rank-display';

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

Demo

A

Props

Prop

Type

On this page