<template>
  <AisButton variant="secondary"
             size="md"
             font="sans"
             v-tooltip="'My directive tooltip content!'"
  >Tooltip by Directive</AisButton>
</template>

<script setup>
import AisButton from "@/components/button/AisButton.vue";
</script>

<script>
import { tooltipDirective as tooltip } from "@/components/tooltip/directive";
export default {
  name: "AisTooltipDirective",
  directives: {
    tooltip
  }
}
</script>