color
, but allows to add a background behind the text-20
and 20
. Slant text on the y axis"payload": "Lorem i<c=#ff0000><u>p</u></c>su<s>m</s> is simply <c=#1A47FF>dummy</c> <u>text</u>"
"color": "#ffffff"
"background_color": "#8A4F4F"
"background_padding": "2 6"
"skew_y": -4
"alignment": "middle center"
"font_size": 30
"line_height": 150
"shadow_color": "#00000080"
"shadow_blur": 3
"shadow_offset_x": 0
"shadow_offset_y": 6
color
: The text color, can be a monochrome (6-8 digits hexa color) or a gradient (Go to Linear Gradient documentation)."color": "#1A47FF"
"color": "linear-gradient(0% 0% 100% 0%,0% #0a68ff 1,100% #ff0000 1)"
payload
is the text content.\n
."payload": "Lorem Ipsum\nis simply dummy text"
<c={hexaColor}>my colored part</c>
<w={weight}>my colored part</w>
{weight}
: Integer representing the font weight (100 to 900):
thin (100
), normal (400
), bold (700
), heavy (900
)).
If the font does not support the given weight, it fallbacks to the current weight.<u>my underline part</u>
<u={hexaColor}>my colored underline part</u>
<s>my strikethrough part</s>
<s={hexaColor}>my colored strike part</s>
<bg={hexaColor}>Text with bg color</bg>
The padding around the background is controlled on the whole element (by using the background_padding
property)<c=#FF0000>Lorem Ipsum</c> is simply dummy text
<w=900>Lorem Ipsum</w> is simply dummy text
<u>Lorem Ipsum</u> is simply dummy text
<u=#FF0000>Lorem Ipsum</u> is simply dummy text
<s>Lorem Ipsum</s> is simply dummy text
<s=#FF0000>Lorem Ipsum</s> is simply dummy text
<bg=#f6aeb8>Lorem Ipsum</bg> is simply dummy text
<c=#243659><w=900><u=#1A47FF>Lorem Ipsum</u></w></c> is simply <s>dummy</s> text
background_padding
: The padding of the background color around the text.0 10
: 0
as vertical padding & 10
as horizontalNumber
: Horizontal & vertical paddings in pixels"background_padding": "0 10"
"background_padding": "5 10"
stroke_width
: Number between 0 & 40. Width of the strokestroke_width: 8
stroke_color: "#1A47FF"
alignment
can be defined to override the default text alignment. top
, middle
, bottom
, left
, center
, right
top
, middle
, bottom
) associated with a horizontal alignment parameter (left
, center
, right
) separated by a space. i.e: (top left
, middle right
)"alignment": "center"
"alignment": "right"
font
and font_weight
properties:font
: String. Force a specific font by ID. The fonts list is available by calling the GET /fonts
API route.font_weight
: Number. Force a font weight. Available values: 100, 200, 300, 400, 500, 600, 700, 800, 900font: "6156872a-33c5-11ea-9877-92672c1b8195"
font_weight: 500
font: "6156907e-33c5-11ea-9877-92672c1b8195"
font_weight: 800