Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Radix UI ComboBox Hybrid with ARIA-Live
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[SEARCH_DEBOUNCE] - ✦
[MATCH_STRATEGY] - ✦
[ANNOUNCEMENT_LOGIC]
radix-combobox-aria-live-search.txt
Build a ComboBox hybrid using Radix UI Popover and a text input. This component must mimic a native 'Select' but with search capabilities. Implement a [SEARCH_DEBOUNCE] and [MATCH_STRATEGY] (fuzzy vs strict). Use an ARIA-live region to implement [ANNOUNCEMENT_LOGIC], telling screen reader users how many results were found as they type. Ensure that focus remains in the input while Arrow keys navigate the list items in the popover. Provide the technical solution for the 'aria-activedescendant' relationship between the input and the popover items.
Example Output
"The AI creates a custom SearchableSelect component that synchronizes an input's state with a list of Radix Popover items, using a hidden live region for screen reader feedback."