🍞 VUE-DK-TOAST 🍞

5000
: ;

Any valid HTML can go here. Fontawesome and Material Icons are loaded into this demo, give it a try: <i class="fa fa-thumbs-up"></i><span class="material-icons">thumb_up</span> Note: <span> and <i> are position: absolute; by default.

Same as slotLeft but positioned to the right <i class="fa fa-thumbs-up"></i><span class="material-icons">thumb_up</span>

.huge { padding: 100px; }

Add a type of error to make the background red and text white: <div class="dk__toast dk__error"...

Or a type of success to make the background green and text white: <div class="dk__toast dk__success"...

Or a type of passive to make the background blue and text white: <div class="dk__toast dk__passive"...

href:
targetBlank:
this.$toast('Hello there!', {
duration: 5000,
slotLeft: `
🍞
`,
slotRight: `
🍞
`
class: 'toast',
});