About this block

File Search Results is the results view for a workspace file search. A labeled Search field holds the active query, brand, followed by three removable filter chips for type, owner, and modified range, and a Clear all button. A count line reads 5 results for brand in Acme Workspace. Five result rows follow, each with a type icon, a name that highlights the matched substring, a folder path, and right-aligned size and modified columns. One document result adds an in-content snippet with the match highlighted inside a sentence.

Results are one typed array that splits each name into pre, match, and post parts, so the highlight is markup rather than a fragile string search. The optional snippet uses the same three-part shape for in-content matches.

When to use

Reach for this block as the results surface behind your file search, wired to a search index that returns the matched range per hit. Debounce the query and keep the filter chips in sync with the active facets.

A natural flow around it on an Application Pro page:

Before

• File browser table

After

• File detail panel
• Filters and search

What you can display

One strong use is the file search results list. Other result shapes:

• Global search. Mix files with people and messages, each row carrying a type label.
• Command palette results. The same highlighted rows in a compact palette with keyboard hints.
• Help article search. Documentation hits with a snippet and a section breadcrumb per result.

Tip: highlight the matched substring, a query echoed in every result name proves the search understood the ask.