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 show-more-text
will render at the end of the image list over the last image. The default text differs by device, but you can customize this text with the show-more-text
key.
This component looks and behaves differently if nested within a compound card. For more information, see image-list
.
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 |
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")
}
}
You can run the sample capsule in the Simulator to see how this component displays on different devices, if supported.
This component is applicable to these moments:
You can find design specifications for this component in the Components Spec download under Design Resources.