skills.rest
wepn13232
wepn13232COMMUNITY
Explore all skills by this author →
GitHub

element-plus-tooltip

Document Element Plus el-tooltip attributes, events, slots, and exposes.

7|Updated Mar 31, 2026
Search Tags:#accessibility#component-api#element-plus#ui-guide#tooltip#popper
One-click install
npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-tooltip
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: element-plus-tooltip
Source: https://github.com/wepn13232/element-plus-skills/tree/main/tooltip
Command: npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-tooltip

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Gives developers instant access to el-tooltip API specs so they can understand triggers, placements, and accessibility needs without digging through docs.

Core Features & Use Cases

  • Structured API Reference: Attributes, events, slots, and exposes tables compiled for quick lookup during UI coding sessions.
  • Trigger and Accessibility Advice: Notes on hover, click, and keyboard triggers plus focus strategies that keep tooltip interactions predictable and inclusive.
  • Use Case: When adding a complex help tooltip to a form field, rely on these definitions to align settings with popper behavior and accessibility labels.

Quick Start

Ask the tooltip skill to explain how to configure an el-tooltip with hover triggers and custom content.

Frequently Asked Questions about element-plus-tooltip

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure an el-tooltip with hover triggers and custom content in Element Plus?▼

To configure an el-tooltip with hover triggers, set the trigger attribute to hover and inject custom content via the default slot. This Element Plus tooltip setup ensures predictable popper behavior for accessible UI interactions.

What attributes and events are available for the Element Plus tooltip component?▼

The Element Plus tooltip component exposes attributes, events, slots, and exposes definitions for precise UI control. Developers reference these API specs to manage placement, trigger behavior, and accessibility labels without digging through docs.

Does the el-tooltip component support keyboard triggers for accessibility?▼

Yes, the el-tooltip component supports keyboard triggers and focus strategies to keep tooltip interactions predictable and inclusive. This accessibility approach aligns settings with popper behavior for form fields requiring help tooltips.

What is the best way to manage popper placement behavior for an el-tooltip on a form field?▼

Managing popper placement behavior for an el-tooltip involves setting the placement attribute to align with your form field layout. This ensures the tooltip appears predictably while maintaining accessible focus strategies during UI coding.

Why does my el-tooltip trigger behavior not match the expected popper configuration?▼

El-tooltip trigger behavior mismatches often occur when trigger attributes like hover or click are misconfigured with popper settings. Reviewing the official attribute definitions aligns tooltip interactions with expected accessible focus strategies.

Related Skills

Explore More Software Engineering Skills→
wepn13232wepn13232
7

element-plus-table

Document Element Plus el-table attributes, events, slots, and tooltip behaviors.

Community
Intermediate
kvnwolfkvnwolf
4

tanstack-form

Build type-safe forms with TanStack Form, Base UI Field, and Zod validation.

Community
Intermediate
wepn13232wepn13232
7

element-plus-select

Document Element Plus Select component attributes, events, slots, and exposes.

Community
Basic
Cobalt-MoneyCobalt-Money
7

radix-to-baseui-migration

Migrate React components from Radix UI to Base UI within shadcn architectures.

Official
Advanced