---
url: https://talkjs.com/docs/UI_Components/JavaScript/Classic/Themes/Components/MessageSearchResult
---

# MessageSearchResult

Customize how a matched message appears in search results.

Ask a question Copy for LLM [View as Markdown](/docs/UI_Components/JavaScript/Classic/Themes/Components/MessageSearchResult.md)
The `MessageSearchResult` component is rendered in the search results when a message matches your search.

## Props

The `MessageSearchResult` component receives the following props:

| Name | Type | Description |
| --- | --- | --- |
| **message** | [Message](/docs/UI_Components/JavaScript/Classic/Themes/Components/Shared_Types/#message) | The message that matched your search |
| **conversation** | [Conversation](/docs/UI_Components/JavaScript/Classic/Themes/Components/Shared_Types/#conversation) | The conversation that contains the message |
| **isUnread** | `boolean` | Whether the user has read the message already |
| **isActive** | `boolean` | Whether the result is currently selected |

## Available system components

The following system components are available to the `MessageSearchResult` component:

### ConversationLink

The `<ConversationLink>` system component renders its children inside an `<a>` tag that links to the relevant conversation.

#### Props

| Name | Type | Description |
| --- | --- | --- |
| **class** | `string` | The class given to the link |
| **style** | `string` | The CSS styles given to the link |
| **title** | `string` | The tooltip text given to the link |

#### Usage example

```html
<ConversationLink
  class="conversation-link"
  style="font-weight: bold"
  title="Click to open"
/>
```