Components · Product
FeatureCard
Feature card — Capital Black panel, title, chips & media.
Options Strategy Builder
Payoff graphRisk viewMulti-leg
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Feature name. |
chips | string[] | [] | Feature tags. |
media | string | — | Image or video URL. |
href | string | — | Optional link. |
Reference API for the design concept — align names and types with your implementation.
Guidelines
- Use in the active theme; the component adapts to light and dark automatically.
- Keep the purple accent for interactive states only — never as a fill or background.
- Copy the markup from the Code tab and wire it to
base.csstokens.