JSPM

quasar-app-extension-qnotifymanager

1.0.0-alpha.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4
  • Score
    100M100P100Q33081F
  • License MIT

qnotifymanager is a notification app extension for Quasar

Package Exports

  • quasar-app-extension-qnotifymanager

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (quasar-app-extension-qnotifymanager) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

qnotifymanager (quasar-app-extension-qnotifymanager)

qnotifymanager is an UI App Extension for Quasar Framework v1. It will not work with legacy versions of Quasar Framework.

This work is currently in beta and there are expected changes while things get worked out. Your help with testing is greatly appreciated.

Installation

To add this App Extension to your Quasar application, run the following (in your Quasar app folder):

quasar ext add @quasar/qnotifymanager

Introduction

This app extension adds a 'type' key to the Notify plugin object parameter. With it, you can define multiple Notify default values, provided in Quasar through Notify.setDefaults.

Demo

Can be found here.

Available presets

QNotifyManager comes with positive, negative, info, warning and snackbar presets.

Example Code

this.$q.notify({
  type: 'positive', // use the 'positive' preset
  message: 'My message is awesome!'
})

Creating your own Notify type

import { setDefaults } from 'quasar-app-extension-qnotifymanager/src/qnotifymanager'
setDefaults({
  myTypeName() {
    return {
        // default values object, e.g. position: 'bottom', color: 'red' ...
    }
}

Patreon

If you like (and use) this App Extension, please consider becoming a Quasar Patreon.