SearchInput
Use the SearchInput component for search queries. It includes a built-in Clear button for quick resets.
SearchInputProps
Signature:
export declare type SearchInputProps = <, | | | | | > & & & & & & <, (value: ) => , > & & {
/**
* Internal: associates this control with a `_Form` rendered outside its
* React subtree via the native `form` attribute. Unstable.
* @internal
*/
_form?: ;
/**
* Internal: routes this control's native/Strato validation messages to the
* field outlet (default), the enclosing form's outlet, or both. Unstable.
* @internal
*/
_messageTarget?: | [];
};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. |