paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 45 Packages Projects Releases Wiki Activity

feat(ui): add SearchAutocomplete component

Browse Source 
Add SearchAutocomplete and SearchAutocompleteItem components for
building accessible search-with-results patterns. Built on React
Aria's Autocomplete with virtual focus for keyboard navigation
and a non-modal popover for results.

Features:
- Controlled input via inputValue/onInputChange
- Configurable popover width and placement
- Rich content support per result item
- Item selection via onAction
- defaultOpen prop for visual testing
- Close on interact outside and input clear

Includes Storybook stories, docs-ui documentation, changeset,
and API report.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
This commit is contained in:
Johan Persson
2026-03-13 17:21:28 +01:00
parent 5e80c4343f
commit d9d2dd6827
16 changed files with 1645 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/fine-dragons-scream.md
+7
View File
@@ -0,0 +1,7 @@
---
'@backstage/ui': patch
---
Added `SearchAutocomplete` and `SearchAutocompleteItem` components for building accessible search-with-results patterns. Built on React Aria's Autocomplete with keyboard navigation and screen reader support. Designed for async/external search results with a configurable popover width.
**Affected components:** SearchAutocomplete, SearchAutocompleteItem