use-design-system/Tooltip
CommunityEnhance UI with informative tooltips.
Authortokijh
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a robust and flexible Tooltip component to display contextual information or guidance to users when they interact with UI elements, improving usability and user experience.
Core Features & Use Cases
- Contextual Information: Display helpful messages on hover or focus.
- Flexible Placement: Supports top, bottom, left, and right placements with automatic viewport flipping.
- Customizable Appearance: Offers different sizes and text alignment options.
- Controlled & Uncontrolled Modes: Can be managed externally or operate independently.
- Use Case: Add a tooltip to a small icon button to explain its function, or to a form field to provide validation hints.
Quick Start
Use the Tooltip component to display 'This is a helpful tip.' when hovering over the 'Info' button.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: use-design-system/Tooltip Download link: https://github.com/tokijh/minapp/archive/main.zip#use-design-system-tooltip Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.