# 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-smv-dialog-lgv-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 |