Search

A client-side search input .hubSearch that filters hub docs on its own. Composed of an icon, an input, and a result count. Unlike the data filter toolbar (.bar), it focuses solely on search — no multi-select.

Default / Focus

Wrapper canvas + --c-line-soft border + --r-lg. Input is 16px or larger (no border, transparent). On focus-within: primary (dark sky) border + 3px ring.

12 results

Rules

Input size

font-size: 16px or larger (prevents mobile zoom).

vs. filter bar

.bar/.search (data) is a toolbar combining multi-select, select, and reset. This component is search-only + result count.

Dark mode

Focus ring and count use sky. Border only — no fill.