atomic-result

This is for:

Developer

In this article

The atomic-result component is used internally by the atomic-result-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`	How large or small results should be.	`"comfortable" \| "compact" \| "normal"`	`'normal'`
`display`	`display`	How results should be displayed.	`"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'`
`linkContent`		The result link to use when the result is clicked in a grid layout.	`ParentNode`	`new DocumentFragment()`
`result` (required)		The result item.	`FoldedResult \| Result`
`stopPropagation`	`stop-propagation`	Whether an atomic-result-link inside atomic-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

How large or small results should be.

"comfortable" | "compact" | "normal"

'normal'

display

How results should be displayed.

"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'

linkContent

The result link to use when the result is clicked in a grid layout.

ParentNode

new DocumentFragment()

result (required)

The result item.

FoldedResult | Result

stopPropagation

stop-propagation

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

boolean | undefined