Blenra
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."