Bixby Developer Center

Guides
References

aspect-ratio

optionalvalue optional

Determines the standalone image's aspect ratio.

You can specify the following aspect ratios:

  • 21:9
  • 16:9
  • 4:3
  • 1:1
  • 3:4
  • 9:16
  • 9:21
Note

The object-position of an image and the object-fit also affect how much and which part of the image is displayed. See the image interactive demo for examples.

Example

          image {
url ("[#{value(this.images[0].url)}]")
aspect-ratio (16:9)
object-fit (Contain)
}

View 8c21a46 on GitHub

You can find design specifications for this component in the Components Spec download under Design Resources.

Child Keys

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