Search Bar

A composed search input with icon, text field, and clear button in a pill-shaped container.

Examples

Default

searchSearch

Props

PropTypeDefaultDescription
defaultValuestringInitial value of the input
placeholderstring"Search"Placeholder text
onClear() => voidCallback when clear button is clicked
onChange(value: string) => voidCallback when input value changes
classNamestringAdditional CSS classes