Q. Do I need to import QActivity CSS myself?
The App Extension adds the stylesheet for you.
If you install the UI package directly, import the stylesheet in your boot file or app entry:
import '@quasar/quasar-ui-qactivity/dist/index.css'Quasar CLI projects can also centralize the stylesheet in quasar.config.ts:
// Note: using ~ tells Quasar the file resides in node_modules
css: [
"app.scss",
"~@quasar/quasar-ui-qactivity/dist/index.css",
],Q. Can I inspect the component API from the Quasar CLI?
Yes. After the App Extension is installed, run:
quasar describe QActivity
quasar describe QActivityItemThe same generated API is shown on the Using QActivity page.
Q. When should I use QActivity instead of QTimeline?
Use QActivity when you want a compact, lightweight activity list with simple markers and flexible row content. Use Quasar’s built-in QTimeline when you need the fuller timeline API and layout.
Q. Can I use images or avatars for markers?
Yes. Use the icon-image prop for image markers, or use the icon slot when you need complete control over the marker content.
Q. Does QActivity support dark mode?
Yes. If you do not provide bar-color, QActivity chooses a light or dark timeline bar color from the current Quasar dark-mode state.