atomic-recs-result

This is for:

Developer

In this article

The atomic-recs-result component is used internally by the atomic-recs-list component.

Properties

Property Attribute Description Type Default

Property	Attribute	Description	Type	Default
`classes`	`classes`	The classes to add to the result element.	`string`
`content`		The result content to display.	`ParentNode \| undefined`
`density`	`density`	The size of the results.	`"comfortable" \| "compact" \| "normal"`	`'normal'`
`display`	`display`	The layout to apply to display results.	`"grid" \| "list" \| "table"`	`'list'`
`imageSize`	`image-size`	The size of the visual section in result list items. This is overwritten by the image size defined in the result content, if it exists.	`"icon" \| "large" \| "none" \| "small"`	`'icon'`
`result` (required)		The result item.	`Result`
`stopPropagation`	`stop-propagation`	Whether an atomic-result-link inside atomic-recs-result should stop click event propagation.	`boolean \| undefined`

classes

The classes to add to the result element.

string

content

The result content to display.

ParentNode | undefined

density

The size of the results.

"comfortable" | "compact" | "normal"

'normal'

display

The layout to apply to display results.

"grid" | "list" | "table"

'list'

imageSize

image-size

The size of the visual section in result list items.

This is overwritten by the image size defined in the result content, if it exists.

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

'icon'

result (required)

The result item.

Result

stopPropagation

stop-propagation

Whether an atomic-result-link inside atomic-recs-result should stop click event propagation.

boolean | undefined