Koala logo Design
Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
PatternsActivity timeline

Activity timeline

A single rail down the left with sticky day headers and a sticky avatar per run of entries by one person. A row is time, author and what they did; the record badge, the first field change and who else can see it share the line beneath, with a file chip or an excerpt under that.

<koala-activity-timeline>

Activity timeline

Today

  1. Priya Nair client accepted quote

    Q-OQKBLKClient can see

  1. Jane Carter uploaded 3 documents

    T-9PLX2Partner can see
    Title plan.pngLocal search.pdfTransfer deed.docx

  2. Jane Carter applied discretionary discount of £150

    Q-7HH2A Legal fee£1,250£1,100 ReasonRepeat client

  1. Sam Okafor partner replied to an enquiry

    T-9PLX2Partner can see
    EnquiryThe vendor confirms the boiler was serviced in March 2026, certificate attached.
Yesterday

  1. Jane Carter paused transaction

    T-2ZQ8 StatusActivePaused Partner can see

  2. Jane Carter deleted document for good

    T-9PLX2
    Old EPC.pdf

Tone

Most rows are neutral and keep a hollow marker. A toned row fills it and tints its record badge: plum for a milestone, green for a good outcome, amber for a hold, red for a loss.
Yesterday

  1. Jane Carter paused transaction

    T-2ZQ8 StatusActivePaused Partner can see

  2. Jane Carter deleted document for good

    T-9PLX2
    Old EPC.pdf

API

target string — The region an author or entity link swaps.
model ActivityTimelineModel