Bixby Developer Center

Guides
References

image-list

optionalmultiple allowed

Creates a single-line list of images of type or subtype of BaseImage. If there are more images than the screen can fit, the user can horizontally scroll through the list.

If users have more than the default 9 images, the "See All" slot will render at the end of the image list. You can customize this text using the show-more-text key.

Examples

result-view {
match: Hotel (hotel) {
from-output: ShowHotelImageList
}

message {
template ("Here is a hotel as an image list:")
}

render {
layout {
section {
content {
image-list {
images (hotel.images)
}
}
}
}
}
conversation-drivers {
conversation-driver ("Show an image carousel")
}
}

View on GitHub

Here is how an image-list appears on different devices:

MobileWatchTVFridge
image-listimage-listimage-listimage-list
Note

The look and feel of this Views component might differ between devices, specifically with respect to spacing. Mobile, tablet, and fridge devices are similar in design, for example, but have varying resolution and spacing specifications.

Design Considerations

This component is applicable to these moments:

You can find design specifications for this component in the Components Spec download under Design Resources.

Child Keys

float-allowed[deprecated]
optional
This key is deprecated
image-background-color
optional
Determines the background color of an image
images
optional
Set of images to be used in the component
object-fit
optional
Determines how an image fits within a Bixby Views component
show-more-text
optional
Text to display if there are more than the default number of items rendered
urls[deprecated]
optional
This key is deprecated