MarketCdsRow
Installation
import { MarketCdsRow } from "@/components/product/market-cds-row/market-cds-row";Overview
CDS feed row for the Everything CDs landing (that landing page was archived on 2026-10-16; this component page is now its only preview). Integer-row pressable for navigation; dual-side CDS CTAs (Buy Protection / Earn Yield) with secondary metrics (payout multiple / APY) fire independently of the row press. Outcome colors: Buy Protection = outcome-yes (green / positive), Earn Yield = outcome-no (red / negative). Collateral currency drives the avatar initials, and risk tier drives badge color (A+/A → success, B → gray, C → warning, D/F → error). Selection is a persistent state (brand stripe + active background), distinct from the transient pressed state.
Grid template: grid-cols-12 5/1/2/2/2 → MARKET / MATURITY / PROBABILITY / BUY PROTECTION / EARN YIELD.
Row height hug — no fixed h-* token. Content (Avatar md + OutcomeAction lg + sparkline) dictates intrinsic height.
Interactive Demo
Click a row body to fire onPress (toggles selection). Click Buy Protection / Earn Yield buttons to fire their own handlers independently (React Aria onPress does not bubble).
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Will Vela Lend default or be exploited before Nov 30, 2026?
Last action: —
State Matrix
isSelected is a persistent selection state. Hover / pressed are transient interaction states from React Aria.
Default (unselected)
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Selected (4px brand stripe + bg-secondary)
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Risk Tiers
Badge color mapping: A+/A → success, B → gray, C → warning, D/F → error.
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Sparkline
Stroke is uniform brand-orange regardless of series direction — CDS-specific token semantic override. Reason: outcome-yes (green) and outcome-no (red) CTAs already occupy green/red on this row; using trend-up / trend-down on sparkline would create three competing color signals. Override scoped to MarketCdsRow only; other surfaces still use trend-up / trend-down semantic.
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Will Marrow Bridge default or be exploited before Jun 30, 2026?
Edge Cases
Long question — truncates in MARKET cell
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?
Extreme payout (25.0x) + tiny APY (0.1%)
Will Marrow Bridge default or be exploited before Jun 30, 2026?