Expanding Search

A pill that grows into a real input and stays clickable.

Installation

bash

npx shadcn@latest add https://ui.noicess.fun/r/expanding-search.json

Prop	Type	Default	Description
placeholder	string	"Search"	Placeholder and accessible label for the input.
width	number	260	Expanded width in pixels.
onSearch	(query: string) => void	-	Called on every keystroke and on clear.
className	string	-	Additional classes merged with the wrapper.