TelemedPro/hgh_admin
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Inshal
2024-05-29 22:34:28 +05:00
commit e63fc41a20
1470 changed files with 174828 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
resources/js/pages/components/tooltip.vue Normal file
View File

@@ -0,0 +1,77 @@
<script setup>
import * as demoCode from '@/views/demos/components/tooltip/demoCodeTooltip'
</script>
<template>
<VRow>
<VCol cols="12">
<!-- 👉 Location -->
<AppCardCode
title="Location"
:code="demoCode.location"
>
<p>Use the <code>location</code> prop to specify on which side of the element the tooltip should show</p>
<DemoTooltipLocation />
</AppCardCode>
</VCol>
<VCol cols="12">
<!-- 👉 Events -->
<AppCardCode
title="Events"
:code="demoCode.events"
>
<DemoTooltipEvents />
</AppCardCode>
</VCol>
<VCol cols="12">
<!-- 👉 Delay On Hover -->
<AppCardCode
title="Delay On Hover"
:code="demoCode.delayOnHover"
>
<p>Delay (in ms) after which tooltip opens (when <code>open-on-hover</code> prop is set to true)</p>
<DemoTooltipDelayOnHover />
</AppCardCode>
</VCol>
<VCol cols="12">
<!-- 👉 V-model Support -->
<AppCardCode
title="V-Model Support"
:code="demoCode.vModelSupport"
>
<p>Tooltip visibility can be programmatically changed using <code>v-model</code>.</p>
<DemoTooltipVModelSupport />
</AppCardCode>
</VCol>
<VCol cols="12">
<!-- 👉 Transition -->
<AppCardCode
title="Transition"
:code="demoCode.transition"
>
<p>Use <code>transition</code> prop to sets the component transition.</p>
<DemoTooltipTransition />
</AppCardCode>
</VCol>
<VCol cols="12">
<!-- 👉 Tooltip on Various Elements -->
<AppCardCode
title="Tooltip on Various Elements"
:code="demoCode.tooltipOnVariousElements"
>
<p>Tooltips can wrap any element.</p>
<DemoTooltipTooltipOnVariousElements />
</AppCardCode>
</VCol>
</VRow>
</template>