Bixby Developer Center

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:

Mobile	Watch	TV	Fridge

Design Considerations

This component is applicable to these moments:

• Result Moment while Providing Details
• Confirmation Moment

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