Active Query

Focused search input with a typed query, blinking caret, hit counter, and clear button.

design tokens42

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Search2 } from "@/components/beste/piece/search2";

<Search2
  query="design tokens"
  resultCount={42}
/>