메뉴
A hover/focus-triggered floating label built on Reka UI TooltipRoot. Supports configurable delay, side positioning, arrow visibility, and custom content via slots.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | tooltip |
| description | A hover/focus-triggered floating label built on Reka UI TooltipRoot. Supports configurable delay, side positioning, arrow visibility, and custom content via slots. |
| type | component |
| library | vue-core-design-system |
| category | overlay |
| exports | ["UITooltip","UITooltipContent","UITooltipProvider","UITooltipText"] |
A floating label that appears on hover or keyboard focus, providing brief informational text about a trigger element.
Use instead: UIActionTooltip for tooltips with a keyboard shortcut badge, UIPopover for interactive floating content.
import { UITooltip } from '@wisemen/vue-core-design-system'
<script setup lang="ts">
import { UITooltip, UIButton } from '@wisemen/vue-core-design-system'
</script>
<template>
<UITooltip>
<template #trigger>
<UIButton label="Hover me" />
</template>
<template #content>
<div class="flex px-sm py-xs">
<p class="text-xs text-secondary">Tooltip text</p>
</div>
</template>
</UITooltip>
</template>
For full API details, read the props file. For usage examples, read the playground files.
src/ui/tooltip/tooltip.props.tssrc/ui/tooltip/Tooltip.vue, src/ui/tooltip/TooltipProvider.vue, src/ui/tooltip/TooltipContent.vue, src/ui/tooltip/TooltipText.vuesrc/ui/tooltip/stories/stories/Use when scanning NestJS providers with DiscoveryService-backed utilities.
Use when working with the @wisemen/nestjs-custom-fields package — developer-defined custom fields in NestJS with TypeORM persistence and runtime validation. Covers registering the CustomFieldDefinition entity, authoring definitions with customFieldDefinition(), storing resolved values via @CustomFieldValueColumn(), exposing them through CustomFieldValueDto / @IsCustomFields(), and validating submissions with CustomFieldDefinitionsRepository + validateCustomFieldValues(). Use this whenever a task involves custom field definitions, CustomFieldValue columns, custom-field DTOs, or tenant-scoped field definitions, even if the package is not named explicitly.
Use when defining Typesense collections, collectors, and search queries in NestJS APIs.
Generate PDFs through API2PDF in NestJS. Use when converting HTML or URLs to PDFs in apis.
Use when storing and validating multilingual text in NestJS apis with TypeORM and class-validator.
Use when configuring NATS messaging, subscribers, or the simple NatsClient in NestJS applications.