> For the complete documentation index, see [llms.txt](https://docs.notionapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.notionapps.com/customize-app/type-of-components/signature-component.md).

# Signature Component

Signature component in NotionApps allows users to add their signature directly to the database pages/records. It is designed to be user-friendly and reliable.

{% hint style="info" %}
We have three types of Signature components:

1. Add Signature (available on add screens)
2. Update Signature (available on update screens)
3. Signature Viewer (available on update & view screens)
   {% endhint %}

{% hint style="info" %}
The result of the signature component is stored as an image in your database property.
{% endhint %}

#### How to Add the Signature Component

1. Click on the "+" (add component) button in the app builder.

<figure><img src="/files/2YbRVRZNB8pV4uKCawLs" alt=""><figcaption></figcaption></figure>

2. Navigate to the "Components" section in the popup and select the Signature component.

<figure><img src="/files/5FV6eL20P8TjKyiylb57" alt=""><figcaption></figcaption></figure>

3. Select the  "Files & Media" Notion database property as the property for the component.&#x20;

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

#### Conclusion

The Signature component in NotionApps can help businesses improve accountability of their operations.&#x20;

* **Contract Management**: Easily collect signatures for contracts, consent forms directly via your apps.
* **Workflow Approvals**: Streamline approval processes by integrating signatures for project charters or work orders.
* **Feedback and Acknowledgments**: Capture feedback or acknowledgment from team members or clients.