atomic-result-list

This is for:

Developer
In this article

The atomic-result-list component is responsible for displaying query results by applying one or more result templates.

Properties

Property Attribute Description Type Default

density

density

The spacing of various elements in the result list, including the gap between results, the gap between parts of a result, and the font sizes of different parts in a result.

"comfortable" | "compact" | "normal"

'normal'

display

display

The desired layout to use when displaying results. Layouts affect how many results to display per row and how visually distinct they are from each other.

"grid" | "list" | "table"

'list'

fieldsToInclude

fields-to-include

A list of fields to include in the query results, separated by commas.

string

image

image

"icon" | "large" | "none" | "small"

'icon'

imageSize

image-size

The expected size of the image displayed in the results.

"icon" | "large" | "none" | "small" | undefined

Shadow Parts

Part Description

result-list

The element containing every result of a result list

result-list-grid-clickable

The clickable result when results are displayed as a grid

result-table

The element of the result table containing a heading and a body

result-table-body

The element containing the rows of the result table’s body

result-table-cell

The element representing a cell of the result table’s body

result-table-heading

The element containing the row of cells in the result table’s heading

result-table-heading-cell

The element representing a cell of the result table’s heading

result-table-heading-row

The element containing cells of the result table’s heading

result-table-row

The element containing the cells of a row in the result table’s body