---
title: "Timeline"
description: "Chronological event display with configurable alignment."
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-timeline"
---

<twig:block-timeline
    class="my-4"
    linePosition="center"
    :events="[
        {
            date: '2023-06-15',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake fa-fw'
        },
        {
            date: '2022-11',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2022-06',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2021-05',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase fa-fw'
        }
    ]"
/>

<twig:block-timeline
    class="my-4"
    linePosition="left"
    :events="[
        {
            date: '2023-06-15',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake fa-fw'
        },
        {
            date: '2022-11',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2022-06',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe'
        },
        {
            date: '2021-05',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase'
        }
    ]"
/>

<twig:block-timeline
    class="my-4"
    linePosition="right"
    :events="[
        {
            date: '2023-06-15',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake'
        },
        {
            date: '2022-11',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe'
        },
        {
            date: '2022-06',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2021-05',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase fa-fw'
        }
    ]"
/>

<twig:block-timeline
    class="my-4"
    linePosition="left"
    :events="[
        {
            date: '2023',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake'
        },
        {
            date: '2022',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe'
        },
        {
            date: '2022',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2021',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase fa-fw'
        }
    ]"
/>



---
Last updated on 09/09/2026