Skip to content

Dialog

Dialog component is slightly modified to make it more beautiful. Let's have a glance.

Responsive Classes

Dialog have three optional sizes, available via modifier classes to be placed on v-dialog. These sizes kick in at certain breakpoints to avoid screen overflow on narrower viewport.

  • v-dialog-sm
  • v-dialog-lg
  • v-dialog-xl
Classes< 576px< 992px< 1200px
v-dialog-smwidth:565pxwidth:565pxwidth:565px
v-dialog-lgwidth:565pxwidth:865pxwidth:865px
v-dialog-xlwidth:565pxwidth:865pxwidth:1165px