vue-toasted icon indicating copy to clipboard operation
vue-toasted copied to clipboard

FontAwesome Brand how to use?

Open flamendless opened this issue 4 years ago • 3 comments

Hi, I want to use both the material and fontawesome iconpack, material works, but the fontawesome does not

import Toasted from "vue-toasted"
import {FontAwesomeIcon} from "@fortawesome/vue-fontawesome"
import {library, dom} from "@fortawesome/fontawesome-svg-core"
import {faExclamationTriangle} from "@fortawesome/free-solid-svg-icons"
import {faFontAwesome} from "@fortawesome/free-brands-svg-icons"
import router from "./router"
import "../node_modules/material-icons/iconfont/material-icons.css"

library.add(faExclamationTriangle);
library.add(faFontAwesome);
dom.watch();
Vue.component("font-awesome-icon", FontAwesomeIcon);

Vue.use(BootstrapVue)
Vue.use(IconsPlugin)
Vue.use(Toasted);

Here's the usage:

				this.$toasted.show("test: ", {
					iconPack: "fontawesome",
					icon: "font-awesome",
					position: "top-right",
					duration: "3000",
					keepOnHover: true,
					closeOnSwipe: true,
					action: {
						text: "Copy",
						onClick: () => {
						}
					}
				});

ive tried fab-font-awesome, fas font-awesome, fa font-awesome but to no avail

flamendless avatar Sep 29 '20 04:09 flamendless

Try changing the iconPack to custom-class?

rlightner avatar Sep 30 '20 22:09 rlightner

Try changing the iconPack to custom-class?

Doesn't work either. Nothing is shown.

flamendless avatar Oct 01 '20 05:10 flamendless

Hello, I was facing the same problem. I found the solution with this answer working for me :

https://github.com/shakee93/vue-toasted/issues/57#issuecomment-506024735

Shamzic avatar Dec 30 '20 09:12 Shamzic