Navigation

Search Bar Rounded

A clean, pill-shaped search input for modern mobile headers, featuring clear buttons and consistent icons.

Props

Prop	Type	Description
`placeholder`	`string`	Text shown when the search input is empty
`value`	`string`	The current search string
`onChangeText`	`(s: string) => void`	Callback triggered on text input
`onClear`	`() => void`	Callback when the 'X' button is pressed
`className`	`string`	Additional container styles

$npx kachindo-ui add search-bar-rounded