Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Radix UI Popover Contextual Help System
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[Z_INDEX_STRATEGY] - ✦
[COLLISION_PADDING] - ✦
[TRIGGER_TYPE]
radix-popover-contextual-help.txt
Develop a system-wide contextual help component using Radix UI Popover. The implementation must handle [Z_INDEX_STRATEGY] to ensure the popover appears above complex layouts and other modals. Configure the Boundary and [COLLISION_PADDING] to prevent the popover from clipping at viewport edges. The [TRIGGER_TYPE] (Hover vs Click) must be optimized for both mouse and keyboard users, including appropriate delay logic for hover. Provide the accessible naming strategy using aria-labelledby to link the help content to the calling element.
Example Output
"The result is a reusable HelpPopover component that dynamically calculates positioning and provides a declarative API for linking triggers to unique help identifiers."