Here you can find all possible properties for Template Editor components.
What is a component?
A component is an object which can be added to a template canvas Template Editor. Every component can be modified using controls in the Inspector or via other integration like REST API, Zapier or Make.com.
What are the component properties?
Property is a value which defines how the component looks or how it behaves on a template. For example:
opacity=0.2
- makes a component nearly visible,opacity=0.0
- makes a component invisible,rotation=45
- rotates a component by 45 degrees (clock-wise),src=https://example.com/my-image.png
- changes image source on Image component,text=Hello World
- changes text on Text component,effectName=blur
- sets blur on Image component.
Common component properties
These properties can be used with every component.
y
- y position in pixelsx
- x position in pixelsrotation
- rotation in degrees 0 - 360opacity
- opacity, eg:1
,0
,0.5
Rectangle Component
Properties:
color
- rectangle fill color (eg:rgba(255,255,255, 1)
or#efefef
)borderColor
- rectangle stroke color (eg:rgba(255,255,255, 1)
or#efefef
)radius
- rectangle radius of all corners
Circle Component
Properties:
color
- circle fill color (eg:rgba(255,255,255, 1)
or#efefef
)borderColor
- circle stroke color (eg:rgba(255,255,255, 1)
or#efefef
)borderWidth
- circle stroke width (eg:5
)
Text Component
Properties:
text
- text valuecolor
- text color (eg:rgba(255,255,255, 1)
or#efefef
)borderColor
- text border color (eg:rgba(255,255,255, 1)
or#efefef
)borderWidth
- text border width (eg:5
)textBackgroundColor
- text background color
QR Code Component
Properties:
value
- QR code text, URL or anything else to encodecolor
- QR code color, eg:rgba(255,255,255, 1)
or#efefef
Image Component
Properties:
src
- image URL or base64,objectFit
- cover or contain,effectName
- kodachrome,borderColor
- border color, eg:rgba(255,255,255, 1)
or#efefef
,borderWidth
- border width in pixels (eg:5
)
Rating Component
Properties:
value
- active rating value
SVG Component
No additional properties