Components · Page Sections
PersonalizedTrading
Heading, description, CTA + desktop/mobile previews.
Trading that adapts to you
Watchlists, alerts and layouts tuned to how you trade.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Section title. |
description | string | — | Body copy. |
ctaLabel | string | — | Button label. |
desktopImage | string | — | Desktop preview. |
mobileImage | string | — | Mobile preview. |
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.