size

string

small | medium | large | huge

Provides four preset sizes. Custom sizing can be applied using the "sx" property.

medium

-

sx

object

object

Custom inline styles for the Search input. Note: Inline styles via the "style" prop will override overlapping styles from "sx".

{}

-

onSearch

function(e)

-

Callback triggered on search button click or Enter key press.

-

-

path

string

string

Icon path used for the search button.

-

-

value

any

-

Controlled input value.

-

-

defaultValue

any

-

Initial input value (uncontrolled mode).

-

-

disabled

boolean

true | false

Whether the input is disabled.

false

-

placeholder

string

string

Placeholder text displayed in the input.

-

-

className

string

-

Custom CSS class for the search component.

-

-

btnStyles

object

-

Customize built-in button styles

-

0.3.2

btnText

string

-

Customize built-in button text

搜索

0.3.2