Skills
.Work. You
Rest

n-tooltip

Community

Display contextual hints with elegant tooltips.

Software Engineering#documentation#vue#trigger#ui-components#placement#naive-ui#tooltip
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Tooltips provide contextual hints for UI elements, but inconsistent usage across an app can create confusing UX and increased maintenance overhead.

Core Features & Use Cases

  • Multiple triggers: hover, click, focus, or manual activation.
  • Placement options: supports a wide range of positions including top, bottom, left, right, and their variants.
  • Arrow visibility and customization: show or hide the tooltip arrow and apply custom styling.
  • Rich content and events: supports rich content, slots for trigger, and show/hide events.
  • Use case examples: show help text for form fields, explain icon buttons, or provide quick descriptions in data tables.

Quick Start

Attach the tooltip to a trigger element and configure the trigger, placement, and content to display contextual hints.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: n-tooltip
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#n-tooltip

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.