Skip to main content
Our components are categorized into two types:

​
Low-Level Components

These are highly flexible and can be customized to suit your needs: • Text • HTML • Markdown • Container

​
Opinionated Components

These require minimal customization and are designed with predefined styles and functionality: • Image • Icons • Table • Metrics Cards • Alert • Tags • QR Code • Charts • Page Break • Divider • Loop To learn more about a specific component, explore the detailed documentation available in the sidebar of this knowledge base.

​
How does variables work?

The variables that will be replaced to generate the final PDF or image will be generated automatically according to the Title of each component. You can see specific rules going to the detailed component documentation.
You can’t customize the variable name from opinionated components, as they will be generated automatically according to the component title and content.
On low-level components you can also generate variables using our variables syntax. We use handlebars as our templating engine to differentiate between dynamic variables and static text in your templates. Here’s how it works: • Simple Variable: Enclose your text in double curly brackets: {{ }}. • HTML Variable: Enclose your text in triple curly brackets: {{{ }}} to include HTML tags.
For more details on Handlebars syntax, please check out our guide in the HTML component.
We’re still working on the documentation of every component, so if you have any questions regarding a component that you didn’t find here, you can message us at [email protected] and we’ll get back to you really fast.