thegeneralyst/AnopaDocs
Catalog & Search

Search Input

Search text field that syncs the query with the Anopa filter store, seeded from the ?q= URL parameter, with debounced updates.

What it does

Search Input is a search text field that writes the typed query into the Anopa filter store with debouncing. On mount it reads the ?q= URL parameter and seeds the store automatically, enabling the full AP_SearchNavigator → search page → AnopaCatalog flow to work end-to-end.

How to set it up

Place AP_SearchInput on any page where search is needed.

  • On your dedicated search results page, pair it with AnopaCatalog in search mode so that catalog results react to the query in the filter store.
  • On other pages (e.g. homepage, collection pages), pair it with AP_SearchNavigator so that entering a query and submitting can navigate to the dedicated search results page while preserving the query via the filter store and ?q= parameter.