---
title: "Media List"
description: "List of media items."
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-media-list"
---

<twig:block-media-list
    class="mb-5"
    :items="[
        {
            image: '/img/home/derafu-dev-programmer.png',
            title: 'Title 1',
            content: '<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>'
        },
        {
            image: '/img/home/derafu-dev-programmer.png',
            title: 'Title 2',
            content: '<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>'
        },
        {
            image: '/img/home/derafu-dev-programmer.png',
            title: 'Title 3',
            content: '<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>'
        }
    ]"
/>

<twig:block-media-list
    class="mb-5"
    :rounded="true"
    :items="[
        {
            image: '/img/home/derafu-dev-programmer.png',
            title: 'Title 1',
            content: '<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>'
        },
        {
            image: '/img/home/derafu-dev-programmer.png',
            title: 'Title 2',
            content: '<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>'
        },
        {
            image: '/img/home/derafu-dev-programmer.png',
            title: 'Title 3',
            content: '<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>'
        }
    ]"
/>



---
Last updated on 09/09/2026