THIS IS ARCHIVED DOCUMENTATION
atomic-result-section-visual (Deprecated)
atomic-result-section-visual (Deprecated)
In this article
This section provides visual information about the item. For example, in Commerce, an image is a great shorthand for a product category. An icon can quickly show the item type, or an avatar can help identify to whom it is related.
Behavior:
-
Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
-
When the image size is set to
icon
, this section stays very small. -
You should ensure that elements inside of it take the available space.
-
You may use
atomic-size-condition
to display child elements if this section meets the defined size constraints.
-
-
Always has a 1:1 aspect ratio.
-
Has rounded corners, hiding anything that overflows beyond them.
-
Has a gray background when the image size is
small
orlarge
.