atomic-result-list

This is for:

Developer

In this article

Properties
Shadow Parts

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

Properties

Property Attribute Description Type Default

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`

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

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

"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

Part	Description
`result-list-grid-clickable`	The clickable element on a result when displayed as a grid

result-list-grid-clickable

The clickable element on a result when displayed as a grid