Bixby Developer Center

References

size

optionalvalue optional

Determines the size of the inline spacer. You can choose from the following sizes:

  • Small
  • Medium (Default)
  • Large

The specific sizes are listed in the table below by device:

SizeMobileWatchTVFridge
Small6px6px8px7.5px
Medium12px12px16px15px
Large18px18px23px22.5px

You can see the difference in sizes in the single-line interactive demo.

Examples

// Small spacer size
single-line {
text {
style (Title_S)
value ("Smile!")
}
spacer {
size (Small)
}
image {
shape (Circle)
style (Detail_M)
url (myURL/smile.png[])
}
spacer {
size (Small)
}
text {
style (Detail_M_Soft)
value ("Be happy.")
}
}
// Medium spacer size
single-line {
text {
style (Title_S)
value ("Smile!")
}
spacer {
size (Medium)
}
image {
shape (Circle)
style (Detail_M)
url (myURL/smile.png[])
}
spacer {
size (Medium)
}
text {
style (Detail_M_Soft)
value ("Be happy.")
}
}
// Large spacer size
single-line {
text {
style (Title_S)
value ("Smile!")
}
spacer {
size (Large)
}
image {
shape (Circle)
style (Detail_M)
url (myURL/smile.png)
}
spacer {
size (Large)
}
text {
style (Detail_M_Soft)
value ("Be happy.")
}
}

Child Keys

value
optional
A value that matches one of the valid enumerated options of its parent key