---
title: "CTA"
description: "Call-to-action component."
type: "docs"
category: "doc"
tags: []
authors: [Anonymous]
date: "2026-09-09"
last_update: "2026-09-09"
time_minutes: 1
draft: false
unlisted: false
url: "https://www.derafu.dev/docs/ui/twig/components/block-cta"
---

<p><strong>Note</strong>: The CTA block can be used in full width or in a container. In full with the CTA should not have rounded corners. In this example we use a container, that is the reason why we have rounded corners.</p>

<twig:block-cta
    class="my-4 rounded p-4"
    title="Lorem ipsum dolor sit amet"
    content='Lorem ipsum dolor sit amet, consectetur <a href="https://www.example.com/" target="_blank">adipiscing elit.</a>'
    buttonText="More information"
    buttonUrl="https://www.example.com/"
/>

<twig:block-cta
    class="my-4 rounded p-4"
    title="Lorem ipsum dolor sit amet"
    content='Lorem ipsum dolor sit amet, consectetur <a href="https://www.example.com/" target="_blank">adipiscing elit.</a>'
    buttonText="Disabled button"
/>



---
Last updated on 09/09/2026