QWindow

QWindow is a Quasar component and app extension for building floating, movable, and resizable window panels. It is useful for desktop-style workspaces, inspectors, tool palettes, and dashboards where users need to keep multiple panels open at once.

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/qwindow

For direct package usage:

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

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

const app = createApp(App)

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

Component

• QWindow provides the floating or embedded panel, title bar, menu actions, move behavior, and resize handles.

Use quasar describe QWindow after installing the app extension.

Support

If QWindow 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