---
title: "Image"
description: "Image component with title, content and buttons."
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-image"
---

<twig:block-image
    class="my-4"
    title="What is Twig?"
    image="/img/home/derafu-dev-programmer.png"
    content="A <a href='https://www.example.com/' target='_blank'>small branch</a>."
    :buttons="[
        {
            text: 'Learn about Twig',
            url: 'https://twig.symfony.com/'
        }
    ]"
/>

<twig:block-image
    class="my-4"
    size="small"
    title="What is <a href='https://www.example.com/' target='_blank'>Twig</a>?"
    image="/img/home/derafu-dev-programmer.png"
    content="A small branch"
    :buttons="[
        {
            text: 'Learn about Twig',
            url: 'https://twig.symfony.com/'
        }
    ]"
/>



---
Last updated on 09/09/2026