---
title: "Testimonials"
description: "Testimonials display with background and image."
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-testimonials"
---

<twig:block-testimonials
    class="my-4"
    :testimonials="[
        {
            background: '/img/home/derafu-dev-programmer.png',
            content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend. Fusce aliquet tempus gravida.',
            author: 'John Doe',
            image: '/img/home/derafu-dev-programmer.png',
            note: 'Lorem ipsum',
            url: 'https://www.example.com'
        },
        {
            background: '/img/home/derafu-dev-programmer.png',
            content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend. Fusce aliquet tempus gravida.',
            author: 'John Doe',
            note: 'Lorem ipsum',
            position: 'left'
        },
        {
            background: '/img/home/derafu-dev-programmer.png',
            content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend. Fusce aliquet tempus gravida.',
            author: 'John Doe',
            image: '/img/home/derafu-dev-programmer.png',
            url: 'http://www.example.com',
            position: 'right'
        }
    ]"
/>

<twig:block-testimonials
    class="my-4"
    interval="2000"
    :testimonials="[
        {
            background: '/img/home/derafu-dev-programmer.png',
            content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend. Fusce aliquet <a href=\'https://www.example.com/\' target=\'_blank\'>tempus gravida.</a href>',
            author: 'John Doe',
            image: '/img/home/derafu-dev-programmer.png',
            note: 'Lorem ipsum',
            url: 'http://www.example.com'
        },
        {
            background: '/img/home/derafu-dev-programmer.png',
            content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend. Fusce aliquet tempus gravida.',
            author: 'John Doe',
            image: '/img/home/derafu-dev-programmer.png',
            url: 'http://www.example.com'
        }
    ]"
/>

<twig:block-testimonials
    class="my-4"
    :testimonials="[
        {
            background: '/img/home/derafu-dev-programmer.png',
            content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend. Fusce aliquet tempus gravida.',
            author: 'John Doe',
            image: '/img/home/derafu-dev-programmer.png',
            note: 'Lorem ipsum'
        }
    ]"
/>



---
Last updated on 09/09/2026