Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

fix(VSnackbar): fix class name for center location #19878

Merged
merged 1 commit into from
May 28, 2024

Conversation

SonTT19
Copy link
Contributor

@SonTT19 SonTT19 commented May 24, 2024

Description

fixes #19870

Markup:

<template>
  <div class="text-center ma-2">
    <v-btn @click="snackbar = true"> Open Snackbar </v-btn>
    <v-snackbar v-model="snackbar" location="bottom center">
      {{ text }}

      <template #actions>
        <v-btn color="pink" variant="text" @click="snackbar = false">
          Close
        </v-btn>
      </template>
    </v-snackbar>
  </div>
</template>

<script>
  export default {
    data: () => ({
      snackbar: false,
      text: `Hello, I'm a snackbar`,
    }),
  }
</script>

@MajesticPotatoe MajesticPotatoe added T: bug Functionality that does not work as intended/expected C: VSnackbar VSnackbar labels May 27, 2024
@johnleider johnleider added this to the v3.6.x milestone May 28, 2024
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
C: VSnackbar VSnackbar T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug Report][3.6.7] VSnackBar Centered not working
3 participants