Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Custom Inputs
Select
Components
Components
78
Micro Charts
Navigation
Libraries
Content Editor
Data View
Form Builder
Image Designer
Kanban Board
PDF Builder
PDF Viewer
Video Player
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Buy License

Typed Signature Pad

Typed Signature Pad lets users type initials, names, or short signature text and emits the rendered result as an image data URL. Use it in PDF signing, approval, onboarding, consent, checkout, and document workflows where users can provide a typed signature instead of drawing one.

Use it for:
  • Capturing typed initials or signature text from the keyboard.
  • Letting users choose a signature font and a color palette.
  • Emitting signature metadata with the typed value, font family, color, and SVG data URL.
  • Clearing the typed signature through the same compact control surface as Signature Pad.

Do not use Typed Signature Pad as a legal validation system by itself. App code should still require the signature when needed, persist the emitted image data URL, attach it to the workflow or document, and enforce backend or legal rules.

Basic typed signature pad

Use TypedSignaturePad when a workflow needs a keyboard-entered signature that can be saved as an image data URL with its selected font and color metadata.