Көмекші кеңес

Trigger астында шағын adaptive popover көрсетеді, ал төменде орын жетпесе үстінен көрсетеді.

Орнату

npx alixan-ui-nuxt add tooltip

Қолдану

<template>
  <Button tooltip="tooltip.demo.save">
    Save changes
  </Button>
</template>

Иконкамен

<script setup lang="ts">
import { Info } from '@lucide/vue'
</script>

<template>
  <IconButton tooltip="tooltip.demo.info" variant="outlined">
    <Info />
  </IconButton>
</template>

HTML арқылы

Қысқа сипаттама

<template>
  <Tooltip text="tooltip.demo.shortDescription">
    <span>
      Short description
    </span>
  </Tooltip>
</template>

API анықтамасы

Қасиет	Түрі	Әдепкі	Сипаттама
text	string	''	Tooltip контенті. Мәндер translation key болуы мүмкін.
disabled	boolean	false	Әрекеттесуді өшіреді және opacity азайтады.
delay	number	100	Tooltip ашылар алдындағы кідіріс, миллисекундпен.

Қасиет	Түрі	Әдепкі	Сипаттама
default	slot	-	Hover немесе focus кезінде tooltip ашатын trigger элементі.
content	slot	-	text prop орнына көрсетілетін custom tooltip контенті.