1.3 KiB
1.3 KiB
Quasar plugins — global $q services
| Plugin | Quick call | Purpose |
|---|---|---|
| Dialog | $q.dialog({ message:'Delete?' }) |
Programmatic modal dialogs / prompts. |
| Notify | $q.notify('Saved!') |
Toast / snackbar notifications. |
| Loading | $q.loading.show() / .hide() |
Blocking spinner overlay. |
| LoadingBar | $q.loadingBar.start() / .stop() |
Top-edge progress bar (XHR, route changes). |
| BottomSheet | $q.bottomSheet({ message:'Pick', actions:[…] }) |
Mobile-style action sheet. |
| AddressbarColor | $q.addressbar.set('#027be3') |
Sets mobile browser address-bar color. |
| AppFullscreen | $q.fullscreen.toggle() |
Enters/exits browser Fullscreen API. |
| AppVisibility | $q.visibility.isVisible |
Reacts to browser tab visibility changes. |
| Cookies | $q.cookies.set('token', val) |
Universal (SSR + client) cookie utilities. |
| Dark | $q.dark.set(true) |
Runtime light/dark-mode switch. |
| LocalStorage / SessionStorage | $q.localStorage.getItem('user') |
Safe wrappers around window.localStorage / sessionStorage. |
| Meta | $q.meta.setMeta({ title:'App' }) |
Non-composable way to manage <head> tags. |
Plugins are auto-installed; access them through $q (option API) or via useQuasar() in the composition API.