blatui

Components

Timeline

A vertical timeline of events, with dots, connecting lines, icons and timestamps.

php artisan blatui:add timeline
  1. 09:41

    Deployed to production

    Shipped 3 commits to main — zero downtime.
  2. Yesterday

    Opened a pull request

    Add the timeline component, examples and docs.
  3. 2 days ago

    Reviewed by Sofia

    “Looks great — ship it.”
  4. 3 days ago

    Milestone created

    Component library v1.11 planning.
<x-ui.timeline class="w-full max-w-md">
    <x-ui.timeline-item icon="git-commit-horizontal" time="09:41" title="Deployed to production" active>
        Shipped 3 commits to <code>main</code> — zero downtime.
    </x-ui.timeline-item>
    <x-ui.timeline-item icon="git-pull-request" time="Yesterday" title="Opened a pull request">
        Add the timeline component, examples and docs.
    </x-ui.timeline-item>
    <x-ui.timeline-item icon="message-square" time="2 days ago" title="Reviewed by Sofia">
        “Looks great — ship it.”
    </x-ui.timeline-item>
    <x-ui.timeline-item icon="flag" time="3 days ago" title="Milestone created">
        Component library v1.11 planning.
    </x-ui.timeline-item>
</x-ui.timeline>