forms contract
Search
Specialised input for query/find flows. Includes leading magnifier, clear button, and built-in debounce contract.
Variants
- default
- global
Sizes
- md
- lg
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.