title: How to align Vuetify snackbar component vertically to the center?
body: <p>I need to align the Vuetify component vertically and horizontally</p>
  <p>Versions</p>
  <p>vue 2.6.10
  vuetify 2.1.10</p>
  <p>This is the current code of the component Snackbar</p>
  <pre><code>&lt;v-snackbar
      class=&quot;no-shadow&quot;
      v-model=&quot;snackbarShow&quot;
      :color=&quot;snackbarType&quot;
      :timeout=&quot;snackbarTimeout&quot;
  &gt;
    &lt;v-icon class=&quot;mr-3&quot;&gt;{{ snackbarIcon }}&lt;/v-icon&gt;
    &lt;div&gt;{{ snackbarText }}&lt;/div&gt;
    &lt;v-btn text icon color=&quot;white&quot; @click=&quot;snackbarShow = false&quot;&gt;
      &lt;v-icon color=&quot;white&quot;&gt;mdi-close-circle&lt;/v-icon&gt;
    &lt;/v-btn&gt;
  &lt;/v-snackbar&gt;
  </code></pre>