forms contract
Search
Specialised input for query/find flows. Includes leading magnifier, clear button, and built-in debounce contract.
Variants
- default
- Inline form field
- global
- Top-bar search with cmd+k shortcut and shortcut hint
Sizes
- md
- 36pt
- lg
- 44pt
Example
<Search variant="global" placeholder="Search anything…" onChange={debounced} />Usage rule
Debounce is 250ms by default; instant on submit (Enter).
The full Search contract has 5 more rules, plus the do-not patterns. Get the full recipe.