Navigation

Search Bar Animated

An interactive search component that expands from a single icon to a full-width input field with spring animations.

Props

Prop	Type	Description
`placeholder`	`string`	Text shown when the search input is active and empty
`onSearch`	`(s: string) => void`	Callback triggered on text input
`onCancel`	`() => void`	Callback when the search is closed/cancelled
`className`	`string`	Additional container styles

$npx kachindo-ui add search-bar-animated