moein/panel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Moein Moradi
2025-08-04 16:33:07 +03:30
commit f798e8e35c
9595 changed files with 1208683 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
resources/js/views/demos/components/badge/DemoBadgeShowOnHover.vue Normal file
View File

@@ -0,0 +1,48 @@
<script setup>
const tRefInstagramBadge = ref()
const tRefTwitterBadge = ref()
const tRefWhatsappBadge = ref()
const showTwitterBadgeOnHover = useElementHover(tRefTwitterBadge)
const showInstagramBadgeOnHover = useElementHover(tRefInstagramBadge)
const showWhatsappBadgeOnHover = useElementHover(tRefWhatsappBadge)
</script>
<template>
<div class="demo-space-x">
<VBadge
content="3"
transition="slide-x-transition"
:model-value="showTwitterBadgeOnHover"
>
<VIcon
ref="tRefTwitterBadge"
size="25"
icon="tabler-brand-twitter"
/>
</VBadge>
<VBadge
content="5"
transition="scale-transition"
:model-value="showInstagramBadgeOnHover"
>
<VIcon
ref="tRefInstagramBadge"
size="25"
icon="tabler-brand-instagram"
/>
</VBadge>
<VBadge
content="1"
transition="slide-x-transition"
:model-value="showWhatsappBadgeOnHover"
>
<VIcon
ref="tRefWhatsappBadge"
size="25"
icon="tabler-brand-whatsapp"
/>
</VBadge>
</div>
</template>