opinion
ConstructSearch
A type-ahead search whose results are real links. Try typing "ca".
Search the libraryOpens once there is a query; grouped by tier
In context
Docs headerThe same field in a site header
Tideline docsMC
Props
| Prop | Type | Required | Default |
|---|---|---|---|
results | ConstructSearchResult[] | Yes | — |
renderLink | ((props: { href: string; children: ReactNode; className?: string | undefined; onClick?: (() => void) | undefined; }) => ReactNode) | undefined | No | — |
placeholder | string | undefined | No | Search constructs... |
maxResults | number | undefined | No | 8 |
aria-label | string | undefined | No | Search constructs |
Wired into site-header
The live search box in the top nav of every page on this site (try it now — click it above and type "kanban") is this exact component, fed the full cross-tier construct index and rendered by @rebar-ui/placement's site-header block via its constructSearch field.
data-rebar-* attributes
data-rebar-component="construct-search" on the root; parts: input, list, option, group-label, empty.