AlgoliaSearch Box
Introduction
A search box acts as the field for a query input or search term from the user, to search and retrieve related information from the database. It typically appears as a single-line text box and is usually accompanied by a search button that initiates the search command.
- Text field
- Button
Examples
Design Reference
N/A
API
SearchBox
SearchBox
import { SearchBox } from '@ahaui/react'Copy import code for the SearchBox component| Name | Type | Default | Description |
|---|---|---|---|
| onClickButton | function | Callback fired when the Search Button is clicking | |
| buttonIcon | string | 'search' | The icon to display. The name can get from Component Icon |
| sizeControl | 'small' | 'medium' | 'large' | 'medium' | Sets sizeInput on |
| buttonText | string | Custom text button | |
| searchButtonProps | object | {} | A set of SearchButton props |