Search Field

Collects a search query with native form behavior, clear controls, loading feedback, and controlled or uncontrolled state.

@rivetui/search-field

Preview

Explore each composition interactively, then open its code in the same context.

Collect a query with native search behavior and a built-in clear control.

Use one value callback for typing, the clear button, and the Escape key.

04 components found

Loading feedback remains non-blocking, so the query stays editable and clearable.

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/search-field

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.