Components
inputs
Signature
A signature capture pad for forms that require handwritten signatures. It outputs the signature as a data URL for storage.
Aktualisiert Mar 6, 2026
Signature
A signature capture pad for forms that require handwritten signatures. It outputs the signature as a data URL for storage.
Use Cases
- Contract signing
- Consent forms
- Waiver agreements
- Delivery confirmation
- Approval workflows
Properties
name
Field name for form submission. Type: string.
label
Label displayed above signature pad. Type: string.
required
Whether signature is required. Type: boolean. Default: false
width
Width of signature pad. Type: string. Options: 100%, 75%, 50%, 400px, 600px. Default: 100%
height
Height of signature pad. Type: string. Options: 100px, 150px, 200px. Default: 150px
penColor
Pen/stroke color (hex). Type: string. Default: #000000
backgroundColor
Background color of pad (hex). Type: string. Default: #ffffff
Best Practices
- Use height of 150px for most use cases
- Include clear button for signature redo
- Set required: true for legally binding forms
- Use contrasting pen/background colors for visibility
Tags
signature
form
contract
signing
consent
forms
waiver
agreements