ConversationListSearchBox

View as Markdown

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:

NameTypeDescription
hasSearchResultsbooleanWhether there are search results available
isTypingbooleanWhether the search box contains any text in it

Available system components

The following system components are available to the ConversationListSearchBox component:

SearchInput

The <SearchInput> system component renders the text input for the search box.

Props

NameTypeDescription
classstringThe class given to the text field

Usage example

1<SearchInput class="search-input" />

CloseButton

The <CloseButton> system component renders the button to close the search results.

Props

NameTypeDescription
classstringThe class given to the button

Usage example

1<CloseButton class="close-button" />

SearchButton

The <SearchButton> system component renders the button to perform the search.

Props

NameTypeDescription
classstringThe class given to the button

Usage example

1<SearchButton class="search-button" />