Bixby Developer Center

Guides
References

divider

optionalmultiple allowed

Creates a dividing line between vbox components in a given hbox row. If you add multiple adjacent divider components in a row, a single divider will render.

Example

hbox {
content {
vbox {
content {
single-line {
text {
value ("From #{value(hotel.lowRate)}")
}
}
}
}
divider
vbox {
content {
single-line {
text {
value ("#{value(hotel.rating)} stars")
}
}
}
}
}
}

Here is how the vertical divider looks on mobile:

hbox divider

Here is how the vertical divider looks on a watch:

hbox divider, watch