Bixby Developer Center

A value that matches one of the valid enumerated options of its parent key. The value key is useful with conditionals.

Example

This sets the text-position of a component to either Below or Overlay based on the value of a parameter.

image-card {
  aspect-ratio (4:3)
  image-url ("[#{value(param.image.url)}]")

  // either
  text-position (Overlay) // can only be one of the allowed values [Below, Overlay]

  // or
  text-position {
    if (param.textposition == 'cover') {
      value (Overlay) // can only be one of the allowed values [Below, Overlay]
    } else {
      value (Bottom) // can only be one of the allowed values [Below, Overlay]
    }
  }
}

While this example is for text-position, the value key can be used for all enum concepts within view components.