Search allows users to enter a keyword or phrase and get relevant information. It’s an alternative to other forms of navigation.

Import
Description
SearchWrapper component to declare a search
SearchInputDeclare search input
SearchItemSpecify search items

Search

With avatar

With avatar and trailing icon button

Component props

Name
Name
Type
Description
SearchchildrenNodeSpecify search input
SearchresultNodeSpecify search items
SearchInputleftElementNodeSpecify the left element
SearchInputrightElementNodeSpecify the right element
SearchInputidStringSpecify input id
SearchInputonChangeFunctionSpecify onChange function
SearchInputonSubmitFunctionSpecify onSubmit function
SearchInputnameStringSpecify the name of the input
SearchInputtypeStringSpecify input type
SearchInputchildrenNodeSpecify input placeholder
SearchInputplaceholderStringSpecify input placeholder
SearchItemidNumberSpecify key id
SearchItemleftElementNodeSpecify the left element
SearchItemrightElementNodeSpecify the right element
SearchItemlabelStringSpecify item label
SearchItemchildrenNodeSpecify item label