Loading component…
Components /Gooey Search
Morphing gooey blob search button with animated results
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/gooey-search.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| items | string[] | [] | Strings to search through locally (case-insensitive substring match). Ignored when onSearch is provided. |
| onSearch | (query: string) => Promise<string[]> | string[] | - | Custom search function for external/async data sources. Overrides the local items filter when supplied. |
| onSelect | (item: string) => void | - | Called when a result item is clicked or activated with Enter. |
| placeholder | string | 'Type to search...' | Placeholder text shown inside the expanded search input. |
| buttonLabel | string | 'Search' | Label shown on the collapsed pill button before it expands. |
| debounceMs | number | 500 | Delay in milliseconds before the search runs after the last keystroke. |
| maxResults | number | 5 | Maximum number of result pills to render. |
| className | string | - | Additional CSS classes for the outermost wrapper. |