Container key that creates a separator between each sectioned item, separating each item with a line. For example, you can create partitioned content for several paragraphs. In another example, you could separate each hbox
element with a line using a partitioned
container. Use the divider
for non-recurring information instead.
result-view {
match: Hotel (hotel) {
from-output: ShowHotelPartitioned
}
message {
template ("Here are partitioned hotel amenities:")
}
render {
layout {
section {
content {
partitioned {
content {
for-each (hotel.amenities) {
as (amenity) {
single-line {
text {
value ("#{value(amenity)}")
style (Detail_L)
}
}
}
}
}
}
}
}
}
}
}
This partition uses a for-each
loop, so that if there are several results, each result prints in its own single-line
component.
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 this moment:
You can find design specifications for this component in the Components Spec download under Design Resources.
content optional | Layout container that holds informational content |