# `PhiaUi.Components.Display.ActivityTimeline`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/display/activity_timeline.ex#L1)

Vertical activity timeline for document edit history.

Shows a chronological list of edit events grouped by day, with user avatars,
action descriptions, and relative timestamps. Used in the editor activity panel.

## Examples

    <.activity_timeline
      id="doc-activity"
      events={@edit_events}
    />

# `activity_timeline`

Renders a vertical timeline of edit events.

## Attributes

* `id` — required unique DOM id
* `events` — list of maps with keys: `id`, `user_id`, `action`, `section_name`,
  `metadata`, `inserted_at`, plus optional: `user_name`, `user_color`, `user_avatar_url`
* `class` — optional extra CSS classes

## Attributes

* `id` (`:string`) (required)
* `events` (`:list`) - Defaults to `[]`.
* `class` (`:string`) - Defaults to `nil`.

---

*Consult [api-reference.md](api-reference.md) for complete listing*