Add link to notification

web
mobile

Topic: Add link to notification

iparker pro asked 2 months ago

Hello,

is there a way to add an link to a notification? I want to place an undo-link in it.

I tried following code:

this.$notify.success({
     title: 'Titel...',
     message: 'Content... <a href="#">Undo?</a>',
     position: 'bottom right',
     timeOut: 5000
                });

But this outputs the html-code in the notification.

Thanks for some help with this!

Best regards,

Timo


Magdalena Dembna staff premium answered 2 months ago

Unfortunately, it's not possible at the moment - content is rendered with interpolation, not v-html directive. Kind regards, Magdalena


iparker pro answered 2 months ago

Hello Magdalena,

thanks for your reply.

Is there another way to solve this? Or another notification-plugin you can recommend?

Or is it planned for the future to add links to notifications?

Best regards,

Timo


Magdalena Dembna staff premium commented 2 months ago

I added this task to our idea board - watch our changelog for the updates on this feature. Kind regards, Magdalena


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Vue
  • MDB Version: 6.2.0
  • Device: x
  • Browser: x
  • OS: x
  • Provided sample code: No
  • Provided link: No