Font Awesome 5

Any plan to support Font Awesome 5 icon?

I manage to hack up a solution, but it would be great to have official support for it.

Use the following code to load Font Awesome 5 Icon with vue-toasted.

import fontawesome from '@fortawesome/fontawesome'
import faSolid from '@fortawesome/fontawesome-free-solid'

Vue.toasted.show(`${fontawesome.icon(faSolid.faCoffee).html} Hello`, {
  type: 'success',
  duration: 3000
})

For spacing and margin, include the following css.

.toasted-container .toasted > svg {
  margin-right: .5rem;
  margin-left: -.4rem;
}

https://code.luasoftware.com/tutorials/vuejs/vue-toasted-with-font-awesome-icon/

[twarlop]

in case you are still wondering (i’m assuming this is your intent):

import { library, dom } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { faExclamation } from '@fortawesome/free-solid-svg-icons';
import VueToasted from 'vue-toasted';

// add any icon you use manually
library.add(faExclamation);

// this one is the key to render the icon in the toast
dom.watch(); 

Vue.use(VueToasted, {
  iconPack: 'fontawesome',
});

// triggering a toast in a component
this.$toasted.error('something bad happened', {
  icon: 'exclamation',
});

you’ll probably want to also add this extra line of css

.toasted > svg:first-child {
  margin-right: .7rem;
}

[shakee93]

Added support to fontawesome.

simply set the icon pack to fontawesome !!

Vue.use(VueToasted, {
    iconPack : 'fontawesome'
});