# 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-sm width:565px width:565px width:565px
v-dialog-lg width:565px width:865px width:865px
v-dialog-xl width:565px width:865px width:1165px