# Components

{% hint style="info" %}
**What's a component?** A component is a pre-built implementation of a frequently-used document element. Users can freely drag-and-drop components to easily create a template.
{% endhint %}

<figure><img src="/files/F9OyL0KRV3NwXR2IIbV0" alt=""><figcaption></figcaption></figure>

1. Click `Component` to go to the Component Panel.

***

<div align="left"><figure><img src="/files/ICSskD9V2E6w5xWeSuBt" alt=""><figcaption></figcaption></figure></div>

2. Click `Add component`.

***

<div align="left"><figure><img src="/files/gKpazZS5uQCKuBpYjqaj" alt=""><figcaption></figcaption></figure></div>

3. Click the desired component to add it to your template.

<table><thead><tr><th width="272.3333333333333">Component</th><th width="371">Description</th><th data-hidden>Comment</th></tr></thead><tbody><tr><td>Title</td><td>A title to display in your documents.</td><td></td></tr><tr><td>Paragraph</td><td>You can freely enter text together with data from fields.</td><td></td></tr><tr><td>Image</td><td>You can upload images.</td><td></td></tr><tr><td>Empty</td><td>A blank space between components.</td><td></td></tr><tr><td>Divider</td><td>A horizontal dividing line.</td><td></td></tr><tr><td>Table</td><td>Adds an empty table with a default four columns and three rows. You can adjust this later.</td><td></td></tr><tr><td>Related List</td><td>Displays data from a related object in the form of a table.</td><td></td></tr><tr><td>Page Header</td><td>Header of the document</td><td></td></tr><tr><td>Page Footer</td><td>Footer of the document</td><td></td></tr><tr><td>Attachement</td><td>List of Attachments</td><td></td></tr><tr><td>Signature</td><td>Enter or Upload Signature</td><td></td></tr><tr><td>Custom Component</td><td>Custom Component (VFP)</td><td></td></tr></tbody></table>

***

<div align="left"><figure><img src="/files/NjRUW5j6joMdmWgnj6EL" alt=""><figcaption></figcaption></figure></div>

4. Drag and drop a Component to the desired position in the list.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.smallbuilder.com/smallbuilder-documents/components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.