Bixby Developer Center

References

background-color

optionalvalue optional

Determines the background color of an image.

You can choose from the following options:

  • White
  • Transparent [Default]
  • Black

Example

For more examples, see the interactive demo of image and cell-card.

Here is an example of what the various backgrounds might look like with an image:

cell-card {
slot1 {
image {
shape (Square)
url (/images/star.png)
background-color (Transparent)
}
}
slot2 {
content {
primary (Transparent background color)
}
}
}
cell-card {
slot1 {
image {
shape (Square)
url (/images/star.png)
background-color (White)
}
}
slot2 {
content {
primary (White background color)
}
}
}
cell-card {
slot1 {
image {
shape (Square)
url (/images/star.png)
background-color (Black)
}
}
slot2 {
content {
primary (Black background color)
}
}
}

Various background colors with an image: Transparent, then White, then Black

Child Keys

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