24 lines
441 B
Vue
24 lines
441 B
Vue
|
<script setup>
|
||
|
|
const isSnackbarVisibility = ref(false)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<VBtn @click="isSnackbarVisibility = true">
|
||
|
|
Open Snackbar
|
||
|
|
</VBtn>
|
||
|
|
|
||
|
|
<!-- Snackbar -->
|
||
|
|
<VSnackbar v-model="isSnackbarVisibility">
|
||
|
|
Hello, I'm a snackbar with actions.
|
||
|
|
|
||
|
|
<template #actions>
|
||
|
|
<VBtn
|
||
|
|
color="error"
|
||
|
|
@click="isSnackbarVisibility = false"
|
||
|
|
>
|
||
|
|
Close
|
||
|
|
</VBtn>
|
||
|
|
</template>
|
||
|
|
</VSnackbar>
|
||
|
|
</template>
|