Skip to main content

​
Introduction

One of the most important parts of pdf noodle is our opinionated no-code template builder. With it, you can create stunning reports using our pre-designed components, allowing you to focus less on minor details and more on achieving a polished, professional result. 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.