CTA
CTA Fit
One line whose size fills the room beside a round button: the quietest closing invitation.
Layout and motion from the Compose Digi template — see it in contextTry it in the page builderBlocks come with Pro
Preview every block now, in any theme and at any width. The source, the install command and the AI prompt unlock when Pro opens, once the catalog reaches 20 templates.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | "Let's work together" | The h2: one line that fills the room beside the button from 768px; on phones the display size on as many lines as it needs. |
| action | { label, href } | Contact us | The round button (circle-button), a link named by the label. |
| fit | boolean | true | false: the title keeps the h2 size at every width. |
| className | string | — | Classes for the <section>. |
- The title is measured at 100px and scaled to the room left of the button, again whenever the block's width or the fonts change.
- The button's two circles slide together while the arrow turns (circle-button, spring 500 / 60); still with reduced motion. No entrance motion.
