ChatiumFor developersPlaygroundPricing
Sign in

Background

backgroundColor: Color

The background color of the block.

background-1

backgroundGradient: [ gradient-direction, ...gradient-color[] ]

gradient-direction

Default: to bottom

The direction of the gradient. A string constant of one of four directions or a number. The number represents an angle, where 0 is equivalent to "to top", 90 is equivalent to "to right", and so on clockwise. The value can be negative.

Possible values: "to right", "to left", "to bottom", "to top", number

gradient-color: Color | [ Color, number ]

The color and its position in the gradient. The position is defined as a fractional value from 0 to 1. A value of 0 corresponds to the start of the gradient, while 1 corresponds to its end. If the position is not specified, it is determined automatically.

background-2

backgroundImage: string

A property for setting an image as the background of the block. Currently used only in the <screen> block.

<screen style={{
  backgroundImage: 'https://fs.chatium.io/thumbnail/4w5NMYcBKL/s/1200x800'
}}>
  ...
</screen>

background-3