Search Messages Results
Chat search results grouped by channel and DM with author, inline highlighted match term, timestamp, and a jump-to-message affordance.
Chat search results grouped by channel and DM with author, inline highlighted match term, timestamp, and a jump-to-message affordance.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Search Messages Results is the chat-search surface for the query billing webhook, returning 8 results grouped by #eng-general (2 results), #integrations (2 results), and DM with Jordan Lee (1 result shown). Each result row shows the author avatar, name, the matched message with billing webhook highlighted in a muted mark, a timestamp, and a Jump to message button. A count line at the top and a clear link sit beside the search bar mockup. The footer reads Showing 5 of 8 results.
Results are one typed array of groups; a splitSnippet helper splits each snippet around the match term so the highlight is applied inline without dangerouslySetInnerHTML. Grouping by channel is what stops a flat list of 8 identical-looking rows from blurring together.
Reach for this block as the full search results panel for a chat product, wired to your search endpoint with the query and result array. Attach the Jump to message button to your message-timeline scroll handler.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace-wide message search for an incident keyword. Other search result views:
Tip: highlight the matched term in the snippet rather than bolding the whole message; users scan for colour, not weight, when results look similar.