QActivity

QActivity is a Quasar component and app extension for building compact activity lists and timelines. It is a smaller, focused companion to Quasar's QTimeline component.

Structure

This is a pnpm workspace mono-repo. You cannot use npm for building.

• /ui - standalone npm package (go here for more information)
• /app-extension - Quasar app extension
• /docs - Q-Press documentation site with docs, demos, and examples
• live demo - live Q-Press docs, demos, and examples

Install

For Quasar CLI projects:

quasar ext add @quasar/qactivity

For direct package usage:

pnpm add @quasar/quasar-ui-qactivity
# or
bun add @quasar/quasar-ui-qactivity
# or
yarn add @quasar/quasar-ui-qactivity
# or
npm install @quasar/quasar-ui-qactivity

import { createApp } from 'vue'
import QActivity from '@quasar/quasar-ui-qactivity'
import '@quasar/quasar-ui-qactivity/dist/index.css'

const app = createApp(App)

app.use(QActivity)
app.mount('#app')

Components

• QActivity provides the list container and vertical activity bar.
• QActivityItem provides each marker and content row.

Use quasar describe QActivity or quasar describe QActivityItem after installing the app extension.

Support

If QActivity is useful in your workflow and you want to support ongoing maintenance:

• GitHub Sponsors: https://github.com/sponsors/hawkeye64
• PayPal: https://paypal.me/hawkeye64

License

MIT (c) Jeff Galbraith jeff@quasar.dev