Search Pill

Pill-shaped search input with a leading magnifier and an inline pill-shaped clear when there is a value.

design tokens

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

Import & use
import { Input9 } from "@/components/beste/piece/input9";

<Input9
  value="design tokens"
  placeholder="Search files…"
/>