Renders the search form of the header.
f
SearchBar(unnamed 0: SearchBarProps): React.JSX.Element
Renders the search form. AppHeader renders two over one state, one in its
center and one in the row that slides open under it on small screens, so the
query survives crossing the breakpoint. Opening it focuses the input.
I
SearchBarProps
Passed to SearchBar by AppHeader, which holds the query and decides
where a search leads.
- expanded: boolean
-
onCancel: () => void
Called when Escape is pressed in the input.
-
onSubmit: (q: string) => void
Called with the trimmed query, never an empty one.
- onValueChange: (v: string) => void
- value: string
Usage
import * as mod from "src/components/layout/SearchBar.tsx";