Design SystemPatternsMarketMarketCdsHeroCard

MarketCdsHeroCard

Concept產品概念探索。production 沒有這個產品或功能,不代表已排入開發。

Installation

import { MarketCdsHeroCard } from "@/components/product/market-cds-hero-card/market-cds-hero-card";

Overview

Hero featured CDS market card for the Everything CDs landing (that landing page was archived on 2026-10-16; this component page is now its only preview). Card is not pressable as a whole — interactions route through the dual OutcomeAction CTAs and the WatchlistButton.

Outcome colors: Buy Protection = outcome-yes (green / positive), Earn Yield = outcome-no (red / negative). Collateral currency (e.g. "USDC") drives the avatar initials. Volume is auto-formatted as $K / $M in the footer.

Interactive Demo

Click the dual CTAs or the star to fire each handler independently. The card body itself is not pressable.

US

Marrow Bridge

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
4%A+
Vol. $72.4K

Last action: —

Risk Tiers

Badge color mapping: A+/A → success, B → gray, C → warning, D/F → error. Both the header pill and the sub-block badge share the same riskTier prop.

US

Tier A+ Protocol

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
4%A+
Vol. $72.4K
US

Tier A Protocol

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
8%A
Vol. $72.4K
US

Tier B Protocol

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
14%B
Vol. $72.4K
US

Tier C Protocol

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
22%C
Vol. $72.4K
US

Tier D Protocol

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
38%D
Vol. $72.4K
US

Tier F Protocol

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
55%F
Vol. $72.4K

Edge Cases

Long question — wraps in subtitle slot

US

Marrow Bridge

Will the Marrow Bridge protocol default, be exploited, or experience a governance failure resulting in user-fund loss before the maturity window closes on Jun 30, 2026?

Default probability
4%A+
Vol. $72.4K

Extreme payout (25.0x) + tiny APY (0.1%)

US

Aster DEX

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
4%A+
Vol. $72.4K

Large volume ($1.6M formatting)

US

Marrow Bridge

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
4%A+
Vol. $1.6M

Favorited state (filled star)

US

Marrow Bridge

Will Marrow Bridge default or be exploited before Jun 30, 2026?

Default probability
4%A+
Vol. $72.4K