Search

When to Use

Attribute	Description	Type	Default
`autoFocus`	Whether to autofocus.	`boolean`	`false`
`dataSource`	Sets the dropdown list values for the search box.	SearchDataSource[]	`[ { "label": "Tmall", "value": "value1" }, { "label": "Taobao", "value": "value2" }, { "label": "Alibaba Group", "value": "value3" } ]`
`defaultFilterValue`	Sets the default value of the selector when the selector button is enabled.	`string`	`'one'`
`defaultValue`	Default value of the search box.	`string`	-
`disabled`	Whether to disable the component.	`boolean`	`false`
`filter`	Sets the dropdown list values for the selector.	SearchDataSource[]	`[ { "label": "one", "value": "one" }, { "label": "two", "value": "two" }, { "label": "three", "value": "three" } ]`
`hasClear`	Whether to show the clear button.	`boolean`	`false`
`isFilter`	Whether to enable the selector.	`boolean`	`false`
`onChange`	Triggered when the component value changes.	`(value: string) => void`	-
`onFilterChange`	Triggered when the selector value changes.	`(filterValue: string) => void`	-
`onSearch`	Triggered when the search button is clicked.	`(value: string) => void`	-
`placeholder`	Default placeholder of the search box.	`string`	`'Please enter'`
`searchText`	Text on the search button.	`string`	`'Search'`
`shape`	Shape of the search box.	`'normal' \| 'simple'`	`'normal'`
`size`	Size.	`'medium' \| 'large'`	`'medium'`
`type`	Search style type.	`'normal' \| 'primary' \| 'secondary' \| 'dark'`	`'normal'`