Components · Page Sections
MakesUsDifferent
Differentiators — numbered cards, 2-column grid + featured card.
01
In-house charting engine
02
AI-powered breakout scanner
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | { index, label }[] | [] | Numbered differentiators. |
featured | { title, body } | — | Highlighted main card. |
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.