Search

When to use

• Used for page or form data search.

Component Example

Component Properties

属性	说明	类型	默认值
autoFocus	Whether to auto focus	boolean	false
dataSource	Set search box dropdown list values	SearchDataSource[]	[ { "label": "Tmall", "value": "value1" }, { "label": "Taobao", "value": "value2" }, { "label": "Alibaba", "value": "value3" } ]
defaultFilterValue	After enabling selector button, set selector default value	string	'one'
defaultValue	Search box default value	string	-
disabled	Whether disabled	boolean	false
filter	Set selector dropdown list values	SearchDataSource[]	[ { "label": "one", "value": "one" }, { "label": "two", "value": "two" }, { "label": "three", "value": "three" } ]
hasClear	Whether to show clear button	boolean	false
isFilter	Whether to enable selector	boolean	false
onChange	Component value change event	(value: string) => void	-
onFilterChange	Event when selector changes	(filterValue: string) => void	-
onSearch	Event triggered when clicking search button	(value: string) => void	-
placeholder	Search box default prompt	string	'Please enter'
searchText	Search button content	string	'Search'
shape	Search shape	'normal' | 'simple'	'normal'
size	Size	'medium' | 'large'	'medium'
type	Search type	'normal' | 'primary' | 'secondary' | 'dark'	'normal'