Skip to main content

title

Description​

Optional. Sets a tooltip text for the icon element

Usage​

title?: string;

Example​

<script setup>
  import { Icon } from "@svar-ui/vue-core";

  function showInfo() {
    alert("This is the info icon");
  }
</script>

<template>
  <!-- hover tooltip + click action -->
  <Icon title="More information" css="info-icon" :onclick="showInfo">
    ℹ️
  </Icon>
</template>

<style scoped>
  .info-icon {
    font-size: 22px;
    color: dodgerblue;
  }
  .info-icon:hover {
    color: royalblue;
  }
</style>