SearchInput

Use the SearchInput component for search queries. It includes a built-in Clear button for quick resets.

OverviewPropertiesUsage

SearchInputProps

Signature:

export declare type SearchInputProps = <, | | | | | > & & & & & & <, (value: ) => > & ;

SearchInput.Suffix

Use the SearchInput.Suffix component to render content after the input.

Prop Table did not receive data

SearchInput.Button

Use the SearchInput.Button component to render a button inside the SearchInput.Suffix component.

Prop Table did not receive data

SearchInput.Stepper

Use the SearchInput.Stepper component to display match navigation controls inside the SearchInput.

SearchInputStepperProps

Signature:

export declare type SearchInputStepperProps = { /** The zero-based index of the current match. */ current: ; /** Called when the current match index should change. */ onCurrentChange: (value: ) => ; /** The total of matches. */ total: ; };

Name	Type	Default	Description
current			The zero-based index of the current match.
onCurrentChange	(value: ) =>		Called when the current match index should change.
total			The total number of matches.