first commit
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
<script setup>
|
||||
const isAlertVisible = ref(true)
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="alert-demo-v-model-wrapper">
|
||||
<VAlert
|
||||
v-model="isAlertVisible"
|
||||
color="warning"
|
||||
variant="tonal"
|
||||
>
|
||||
non adipiscing dolor urna a orci. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Curabitur blandit mollis lacus. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo.
|
||||
</VAlert>
|
||||
</div>
|
||||
|
||||
<!-- button -->
|
||||
<VBtn @click="isAlertVisible = !isAlertVisible">
|
||||
{{ isAlertVisible ? "Hide Alert" : "Show Alert" }}
|
||||
</VBtn>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
.alert-demo-v-model-wrapper {
|
||||
margin-block-end: 1rem;
|
||||
min-block-size: 80px;
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user