Alex Morgan commented
NewAdded feedback to the onboarding checklist.
Activity Feed
Activity feed composed from timelines, avatars, badges and contextual actions.
Recent activity
Use an ordered timeline when sequence matters. Keep the actor, event, timestamp and related action together in each entry.
Project activity
3 updatesMorgan Lee uploaded assets
3 filesShared the approved illustrations for the launch page.
Deployment completed
SuccessfulVersion 2.4.0 is available in the production environment.
<ol class="timeline" aria-label="Project activity">
<li class="timeline-item is-active">
<div class="timeline-dot" aria-hidden="true"></div>
<div class="d-flex align-items-start gap-2 min-w-0">
<span class="avatar avatar-sm bg-primary" aria-hidden="true">AM</span>
<article
class="card shadow-sm border-primary bg-primary bg-opacity-10 flex-fill min-w-0 p-3"
aria-labelledby="activity-title">
<header class="d-flex align-items-center flex-wrap gap-1">
<h4 class="h6 mb-0" id="activity-title">Alex Morgan commented</h4>
<span class="badge bg-primary">New</span>
</header>
<p class="mb-1">Added feedback to the onboarding checklist.</p>
<footer class="d-flex align-items-center flex-wrap gap-2">
<time class="text-muted" datetime="2026-09-07T12:52:00+02:00">
8 minutes ago
</time>
<button class="btn btn-text btn-primary btn-sm ms-auto" type="button">
Reply
</button>
</footer>
</article>
</div>
</li>
</ol>