Need to change the width of Vuetify notify or remove close button

user_17871982 0
Viewed 37

I'm using Vuetify notify for notifications. I'm unable to change the width of the notification banner. I need either to change the width or remove the close icon from the banner. Alternatively, is there any other easy notification method?

main.js:

import VuetifyNotify from 'vuetify-notify';

Vue.use(notify, {
  vuetify,
  options: {
    toast: {
      x: "right",
      y: "top",
      color: "green"
    }
  }
});

In my Vue component:

this.$notify.toast("Hello toast");
vuetify.js vue.js notify
1 Answers

Based on documentation, you may use dialog setting to configure the width.

sample:

Vue.use(notify, {
  vuetify,
  options: {
    toast: {
      x: "right",
      y: "top",
      color: "green"
    },
    dialog: {
      width: 400 //here
    }
  }
});
user_62940540
Related