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

Property	Attribute	Description	Type	Default
`density`	`density`	How large or small results should be.	`"comfortable" \| "compact" \| "normal"`	`'normal'`
`display`	`display`	How results should be displayed.	`"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`	How large or small the visual section of results should be.	`"icon" \| "large" \| "none" \| "small" \| undefined`

density

How large or small results should be.

"comfortable" | "compact" | "normal"

'normal'

display

How results should be displayed.

"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

How large or small the visual section of results should be.

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

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