ConversationListSearchBox

Customize the search box shown above the conversation list.

The ConversationListSearchBox component is rendered at the top of the conversation list, in the inbox UI, when searching your conversations.

Props

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" />