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
`content` (required)	`content`	The result content to display.	`string`
`density`	`density`	How large or small results should be.	`"comfortable" \| "compact" \| "normal"`	`'normal'`
`display`	`display`	How results should be displayed.	`"grid" \| "list" \| "table"`	`'list'`
`engine` (required)		The headless search engine.	`SearchEngine<{}>`
`image`	`image`	How large or small the visual section of results should be.	`"icon" \| "large" \| "none" \| "small"`	`'icon'`
`result` (required)		The result item.	`Result`
`useSections`	`use-sections`	Whether this result should use `atomic-result-section-*` components.	`boolean`	`true`

content (required)

content

The result content to display.

string

density

How large or small results should be.

"comfortable" | "compact" | "normal"

'normal'

display

How results should be displayed.

"grid" | "list" | "table"

'list'

engine (required)

The headless search engine.

SearchEngine<{}>

image

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

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

'icon'

result (required)

The result item.

Result

useSections

use-sections

Whether this result should use atomic-result-section-* components.

boolean

true