Skip to content

Button

The button is a container (with a background or a border) containing a text.

Available Properties

PropertyDescription
payloadSame as Text Payload
colorSame as Text Color
background_colorBackground fill color of the button container. Same format as color
font / font_weightSame as Text Font
font_sizeNumber. Force font size in pixels (must be > 1)
line_heightNumber. Force line height in percentage (must be > 1). Only applied on multiline text
shadow_color / shadow_blur / shadow_offset_x / shadow_offset_ySee Shadow
auto_resizeBoolean. Automatically adjusts text size to fit its container. Requires min_font_size
min_font_sizeNumber. Minimum font size when auto_resize is true
text_transform"uppercase", "lowercase", "titlecase", or "capitalize"

Example

json
{
  "payload": "My click to action",
  "color": "#FFFFFF",
  "background_color": "#1A47FF"
}

Button example

INFO

stroke_color, stroke_width, and background_padding can be overridden via API. Corner radius cannot be changed via API — set it in the design builder.