CTASection
A CTASection component from the Sigil design system.
import { CTASection } from "@sigil-ui/components";
<CTASection>...</CTASection>
| Prop | Type | Default | Description |
|---|
title | ReactNode | — | — |
description | ReactNode | — | — |
actions | CTAAction[] | — | — |
variant | `"centered" | "split"` | — |
media | ReactNode | — | — |
| CSS Variable | Purpose |
|---|
--s-cta-padding-y | Cta padding y |
--s-cta-max-width | Cta max width |
--s-content-max | Content max |
--s-cta-padding-x | Cta padding x |
--s-page-margin | Page margin |
--s-font-display | Font display |
--s-cta-title-size | Cta title size |
--s-heading-weight | Heading weight |
--s-heading-tracking | Heading tracking |
--s-text | Text |
--s-cta-description-gap | Cta description gap |
--s-cta-description-max-width | Cta description max width |