Components · Section Components
HeadingSection
Animated heading with title, subtitle & optional CTA.
Products
Everything you trade, in one place.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
eyebrow | string | — | Small label above the title. |
title | string | — | Section heading. |
subtitle | string | — | Supporting text. |
ctaLabel | string | — | Optional button label. |
ctaHref | string | — | Button 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.