Bixby Developer Center

Guides
References

header

optional

Header container for Bixby Views. Allows you to add a title-area as a header at the top of the list.

Examples

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

message {
template ("Here are hotels with a header:")
}

render {
if (size(hotel) > 1) {
list-of (hotel) {
header {
title-area {
slot1 {
text {
value ("Hotels")
style (Title_S)
}
}
slot2 {
single-line {
text {
value ("Hotels for you")
style (Detail_L_Soft)
}
}
}
slot3 {
single-line {
text {
value ("Our Best Hotels")
style (Detail_M_Soft)
}
}
}
}
}
where-each (item) {
layout-macro (hotel-image-card) {
param (hotel) {
expression (item)
}
}
}
}
}
else-if (size(hotel) == 1) {
layout-match (hotel) {
mode (Details)
}
}
}

conversation-drivers {
conversation-driver {
template ("Show hotels as image cards")
}
conversation-driver {
template ("Show hotels as thumbnail cards")
}
conversation-driver {
template ("Show hotels as compound cards")
}
}
}

View master on GitHub

You can run the sample capsule in the Simulator to see how this component displays on different devices, if supported.

Child Keys

title-area
required
Layout container to hold a title area, which can contain title text and other detailed text
image-area
optional
Defines an area in the header where an image can appear, as well as additional text in a required title-area
layout-macro
optional
Defines a layout or a portion of a layout with a macro
macro
optional
Defines a layout, a portion of a layout, or a dialog with a macro