Create Notifications

With Quasar Notify we can create new custom notifications using the config.js configuration that we will find within the asset.


Create a custom notification

Within config.js you can configure your new custom notification or even change the default sound of any of the notifications, here is a small example:

custom: { // add custom styles for you notify change custom to the name of the notify
             color: 'bg-red-800',
             iconColor: 'text-red-200',
             textClass: 'ml-3 text-sm font-normal', // use to customize the text of the alert, you can use your own clases or use tailwind css instead: https://tailwindcss.com/docs/text-color example: text-[#HEXCOLOR]
             icon: 'fa-duotone fa-user-police', // font awesome icon: https://fontawesome.com/icons | EXAMPLE: <i class="fa-solid fa-cat"></i> put only the class: fa-solid fa-cat and u can customize using tailwind css example: fa-solid fa-icon h-40 w-40 
             soundPathOrURL: 'https://cdn.discordapp.com/attachments/1042989146886656180/1094437032740261889/popup.mp3' // can you use a own file on ../sound/file.mp3 and put this route here or upload the file on discord and copy paste the URL here, null to disable sound
}

Last updated