How to use Smooth Signature Pad:
1. Setup: Drag the SignaturePad element onto your page.

Sizing: Give it a fixed size (e.g., 400x200px) or set it to 100% width. The canvas automatically adjusts to high-DPI (Retina) screens for sharp lines.

2. Styling (Properties):

Pen Color: Choose the ink color (default is Black).

Background Color: Choose the canvas background (default is White).

Placeholder: Set the text (e.g., "Sign Here") and color. This text appears centrally when the pad is empty and vanishes instantly when drawing begins.

3. Actions (Workflows):

Clear: Use the Clear action to reset the pad and bring back the placeholder text.

Save: Use the Save Signature action to generate the image.

Transparent Background? Check "Yes" to save just the ink (great for placing over lines). Check "No" to save with the solid background color.

4. Handling the Result:

Listen for the event "Signature is saved".

Save the state SignaturePad A's saved_image to your database (it returns a Base64 PNG).

Use the state SignaturePad A's is_empty (yes/no) to validate your forms (e.g., disable the "Submit" button if the user hasn't signed).