How Pass html to the toast? i want to show UL/LI menu inside the toast

[beshoo]

How to Pass html to the toast? I want to show UL/LI menu inside the toast.

[wobsoriano]

Use the headless version:

<template>
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
  </ul>
  <button @click="$emit('closeToast')">Close</button>
</template>

import { toast } from 'vue-sonner'
import MyComponent from './MyComponent.vue'

toast.custom(MyComponent)

[sadeghbarati]

Yes just like Wobsoriano said but don't forget about markRaw(MyComponent)

[ricardo17coelho]

@sadeghbarati this not a nice solution if u just want to "render" html text.
For ex: VueSonner is AWESOME currently is rendered as VueSonenr is AWESOME
I would like to keep using the "types" with the default style.

[ricardo17coelho]

any update here ?