Studiov0.6.0

SearchInput

Tier 1 — shadcn
Inputs

An Input pre-configured with a search icon and clear button for filtering UIs.

Live Preview

Code

import { SearchInput } from "@regen/ui";

<SearchInput />

Props Inspector

No configurable props for this component.

Documentation

Use Cases

  • •Table and list filtering
  • •Global site search
  • •Command palette triggers

Do

  • ✓Debounce the onChange handler for API searches
  • ✓Show result count near the input

Don't

  • ✗Don't use for form field search — use Combobox
  • ✗Don't hide the clear button