19 lines
1.3 KiB
Markdown
19 lines
1.3 KiB
Markdown
### 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.
|