Bixby Developer Center

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