Zudo Sg

Type to search...

to open search from anywhere

SearchResultsEnhancer

Render-null progressive-enhancement island for SearchResults. Renders nothing itself — on mount it live-filters the result list as the user types and keeps `?q=` in the URL in sync, by attaching behavior to the `data-search-*` hooks SearchResults already renders.

Search

Usage

import { Island } from "@takazudo/zfb";
import { SearchResults } from "@zudo-sg/ui/src/search/search-results/search-results";
import SearchResultsEnhancer from "@zudo-sg/ui/src/search/search-results-enhancer/search-results-enhancer";

<SearchResults docs={docs} query="" />
<Island when="visible" ssrFallback={null}>
  <SearchResultsEnhancer />
</Island>
Live (type to filter)