@inkline/inkline
Version:
Inkline is the Vue.js UI/UX Library built for creating your next design system
25 lines (20 loc) • 685 B
HTML
<i-tooltip trigger="click">
<i-button>Click Tooltip</i-button>
<template #body>Tooltip</template>
</i-tooltip>
<i-tooltip trigger="hover">
<i-button>Hover Tooltip</i-button>
<template #body>Tooltip</template>
</i-tooltip>
<i-tooltip trigger="focus">
<i-button type="submit">Focus Tooltip</i-button>
<template #body>Tooltip</template>
</i-tooltip>
<i-tooltip :trigger="['focus', 'hover']">
<i-button>Multiple Events Tooltip</i-button>
<template #body>Tooltip</template>
</i-tooltip>
<i-tooltip trigger="manual" v-model="visible">
<i-button @click="visible = !visible">Manual Tooltip</i-button>
<template #body>Tooltip</template>
</i-tooltip>