Vue 3 + Quasar 2

QActivity

Timeline activity lists for Vue and Quasar applications

Build activity streams, release notes, audit trails, and story lists with a tiny pair of components instead of a custom timeline stack.

TimelinesGrouped EntriesRelease NotesAudit LogsSlots
Activity TimelinesActivity state patterns

Ordered event stories without rebuilding timeline structure

Use QActivity and QActivityItem to present changelogs, grouped updates, audit logs, and narrative sequences with consistent rhythm and visual hierarchy.

Included

Present ordered events without rebuilding timeline layout from scratch

QActivity stays intentionally compact: entries, grouping, and slot-friendly structure for feeds, release notes, internal tools, and story-driven UI surfaces.

Ordered Event Lists

Render chronological updates, milestones, and histories in a format that reads naturally.

Grouped Narratives

Break long streams into sections so releases, audit trails, and stories stay easy to scan.

Compact or Spacious

Tune the presentation for quick dashboards, denser logs, or more editorial layouts.

Slot-Friendly Content

Mix icons, media, badges, and custom body content into each entry without losing structure.

Release Notes Ready

Fit product updates, changelogs, and rollout notes into a timeline that feels deliberate.

Quasar-Native

Drop the components into docs, admin tools, and app surfaces without styling them from zero.

Ecosystem

Built in the same docs workflow as the other md-plugins sites

This site runs on Q-Press and the shared md-plugins tooling, so QActivity's docs, examples, and navigation fit into the same family as the sibling Quasar UI projects.

Need Help?

Start with the intro, then use the examples as live reference

The docs are structured to move quickly from install and upgrade steps into working examples. If something feels off, GitHub Discussions and the repo issue tracker are the best places to surface it.

Introduction First
Use the introduction and examples to choose between simple event lists, grouped activity sections, and richer slot-driven entries.
Upgrade Notes
QActivity's current docs follow the Vue 3 + Quasar 2 line, so the upgrade guide should be the first stop when migrating older integrations.
Discussions + Issues
Questions, bugs, and API edge cases are easiest to track in the QActivity repo and GitHub Discussions.