UI
← Home

Debounced Search

A search field that filters its list only after you pause typing: each keystroke restarts a short timer, and the results — with a live result count — update once typing settles. Type quickly to see it coalesce into a single update.

  • Axe
  • Focus

Preview

5 results

  • Apple
  • Apricot
  • Banana
  • Cherry
  • Grape

Installation

npx shadcn@latest add https://ui.publictheta.com/r/debounced-search.json

Conformance

Verified against the @publictheta/ui-spec debounced-search specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

  • Axe — No WCAG 2 A/AA axe-core violations
  • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)

See the full conformance matrix across all components.