ConversationListSearchBox
The ConversationListSearchBox component is rendered at the top of the conversation list, in the inbox UI, when searching your conversations.
The ConversationListSearchBox component receives the following props:
| Name | Type | Description |
|---|---|---|
| hasSearchResults | boolean | Whether there are search results available |
| isTyping | boolean | Whether the search box contains any text in it |
The following system components are available to the ConversationListSearchBox component:
The <SearchInput> system component renders the text input for the search box.
| Name | Type | Description |
|---|---|---|
| class | string | The class given to the text field |
1<SearchInput class="search-input" />
The <CloseButton> system component renders the button to close the search results.
| Name | Type | Description |
|---|---|---|
| class | string | The class given to the button |
1<CloseButton class="close-button" />
The <SearchButton> system component renders the button to perform the search.
| Name | Type | Description |
|---|---|---|
| class | string | The class given to the button |
1<SearchButton class="search-button" />