Bixby Developer Center

Creates a spacer that is 24px between two components within a section's content. This is useful if you need to create a larger spacing between components in a given section than the default (which is 12px). While multiple spacers are allowed in a content container, multiple spacers in a row will be condensed to a single spacer.

Examples

// within a larger Views file
...
section {
  content {
    title-area { ... }
    spacer // 24px
    paragraph { ... }
    // no spacer, 12px space between these two components
    single-line { ... }
  }
}
...

    layout {
      section {
        content {
          image {
            url ("[#{value(movie.posterUrl)}]")
            aspect-ratio (3:4)
            object-fit (Contain)
            lightbox-enabled (true)
          }
          paragraph {
            value ("#{value(movie.title)}")
            style (Title_M)
          }
          spacer

View 5b3e8c8 on GitHub

Here is how a view appears, with and without a spacer respectively. In the first image, the spacer is between the image-card and the split-input-cell: