Expandable Search

A compact search pill that smoothly widens on focus with shortcut hint pills and clear button.

Click input or focus to test smooth width expansion

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/expandable-search

API Reference

PropTypeDefaultDescription
placeholderstring'Search...'Input placeholder text
onSearch(query: string) => voidundefinedSearch query callback