search

f3oall / vue-awesome-notifications

Vue.js version of Awesome Notifications library
MIT License
104 stars 10 forks source link

Icons from Quasar is not showing #14

Open davidreyg opened 4 years ago

davidreyg commented 4 years ago

HEEEEEEEEEELP!

I'm ussing Quasar and MATERIAL ICONS... so my prefix for icons (https://quasar.dev/vue-components/icon#Webfont-icons) is <q-icon name="..." />
import Vue from 'vue' import './quasar' import VueAWN from "vue-awesome-notifications" let options = { prefix: "<q-icon name='", sucess: "face", suffix: "' />" }; Vue.use(VueAWN, options); require("vue-awesome-notifications/dist/styles/style.css");

And in my XComponent.vue everything is OK but my custom ICON is not showing this.$awn.success("Your custom message");

Nickfrm commented 4 years ago

Hi, Can you please create a CodeOpen (or any other service you prefer) example?

From the code above I can just say that you put icons' options wrong way and made a typo in "success" word. See changes: let options = { icons: { prefix: "<q-icon name='", success: "face", suffix: "' />" } };