Bixby Developer Center

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:

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.")
  }
}