Search Navigator
Search submit button that navigates to a search results page with the current query as ?q=searchterm, with Active and Disabled design states.
AP_SearchNavigator is a submit button for search that navigates to a designated search page with the current query appended as ?q=term. It reads the live search query from the filter store, so it always reflects what AP_SearchInput has written. Two slots handle the two states: Active is shown when there is a query to navigate with, and Disabled is shown when the input is empty. Clicking when disabled does nothing. Use this alongside AP_SearchInput in a search bar to complete the search-and-navigate flow.
Property Controls
Search Page
/search
Path of your search results page. The current query is appended as ?q=term automatically. e.g. /search
New Tab
false
When on, opens the search results page in a new browser tab instead of the current tab.
Active
—
Slot shown when there is a search query. Clicking navigates to the search page with the query as ?q=term.
Disabled
—
Slot shown when the search input is empty. The button is non-interactive in this state.
Preview
active
Canvas toggle to preview either the Active or Disabled slot while designing.