> ## Documentation Index
> Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Timeline 07

> Vertical timeline with avatars, separators, author labels, and bordered message bubbles in column layout.

<Frame>
  ![Timeline 07](https://ffciaqoksnnzuihswbxs.supabase.co/storage/v1/object/public/components/Elements/Timelines/timeline-user-flow-with-avatar-02.png)
</Frame>

## Overview

Timeline 07 is a vertical activity feed component that displays a sequence of timeline events, each showing a user avatar, a separator line, an author action label, and a bordered message card with content and timestamp. It is designed for use cases such as issue trackers, comment threads, or activity logs where chronological user interactions need to be displayed in a structured and readable format.

## How to use

<Steps>
  <Step titleSize="h4" title="Open the Brikl panel">
    Navigate to the **Elements** category in the Brikl panel.
  </Step>

  <Step titleSize="h4" title="Copy the component">
    Find **Timeline 07** and click **Copy**.
  </Step>

  <Step titleSize="h4" title="Paste into your editor">
    Paste it into your Bubble canvas with `Cmd + V` (Mac) or `Ctrl + V` (Windows),
    or right-click on the canvas and select **Paste**.
  </Step>
</Steps>

## Responsive

This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble's built-in mobile breakpoint.

## Requirements

|             |                       |
| ----------- | --------------------- |
| License     | Starter plan required |
| Plugins     | None                  |
| Custom code | Not required          |

## Platforms

| Platform | Supported |
| -------- | --------- |
| Web      | ✅         |
| Mobile   | ✅         |

## License

<Note>
  This component requires a **Starter** plan.
</Note>