Button
The button is a container (with a background or a border) containing a text.
Available Properties
| Property | Description |
|---|---|
payload | Same as Text Payload |
color | Same as Text Color |
background_color | Background fill color of the button container. Same format as color |
font / font_weight | Same as Text Font |
font_size | Number. Force font size in pixels (must be > 1) |
line_height | Number. Force line height in percentage (must be > 1). Only applied on multiline text |
shadow_color / shadow_blur / shadow_offset_x / shadow_offset_y | See Shadow |
auto_resize | Boolean. Automatically adjusts text size to fit its container. Requires min_font_size |
min_font_size | Number. 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"
}
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.
