> For the complete documentation index, see [llms.txt](https://pmsgz.gitbook.io/nectar/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pmsgz.gitbook.io/nectar/ui-ux/components/signature-pad.md).

# Signature Pad

## Overview

Signature Pad allows to draw smooth signatures and save them as an image.

This is a <mark style="background-color:purple;">Vanilla JS</mark> Component.

## Demo

<https://nectar.website/demo/components/signature-pad/>

## Usage

You can refer to the code present in `/partials/components/signature-pad.html` file and use it accordingly.

## Docs

<https://github.com/szimek/signature_pad>\
<https://github.com/eligrey/FileSaver.js>