Search
Input with search function.
Default
PreviewCode
With logo
PreviewCode
Props
Universal Props
| Prop | Type | Accepted Values | Description | Default | Version |
|---|---|---|---|---|---|
| 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 |
On This Page
Search
Props