Campo de firma para Angular | ng-hub-ui-signature

Campo de firma Angular accesible que guarda trazos de ratón, táctil y lápiz como SVG escalable para formularios, con deshacer, rehacer y exportación PNG.

Última actualización 14 ago 2026

Visión General

Por qué los equipos buscan esta librería

Usa ng-hub-ui-signature cuando un formulario necesita una superficie de firma reutilizable sin perder accesibilidad, renderizado responsive ni datos portables.

Instalación

npm install ng-hub-ui-signature

Ir a

Ideal para

  • aceptación de contratos
  • confirmación de entrega
  • formularios de consentimiento
  • flujos de aprobación

Sobre signature

ng-hub-ui-signature es un campo Angular standalone basado en Pointer Events. Captura trazos de ratón, táctil y lápiz, los conserva como valor SVG ControlValueAccessor, restaura firmas guardadas y ofrece limpiar, deshacer, rehacer y exportación PNG. Sus tokens --hub-signature-* heredan el contrato de campo de ng-hub-ui-forms para que etiqueta, borde, radio y foco coincidan con el resto del formulario.

Guías de uso

Capture and edit signatures

Pointer input works with a mouse, touch screen or pen, then keeps a scalable SVG history for undo, redo and form persistence.

Ejemplos:
Firma

Draw a signature and use the built-in history actions.

Dibuja con ratón, pantalla táctil o lápiz.
Código
Import:
Template:
Component:

Reactive external translations

The action-label contract accepts strings or reactive sources, so Transloco and ngx-translate language changes update the field without a direct package dependency.

Ejemplos:
Transloco y ngx-translate

Vincula flujos reactivos de traducción para actualizar las acciones al cambiar el idioma.

Dibuja con ratón, pantalla táctil o lápiz.
Código
Import:
Template:
Component:

Características clave

Cambios recientes

Version 22.1.0 - 8/14/26, 12:00 AM

fixed: The field now really inherits the ng-hub-ui-forms contract. The --hub-signature-* slots defaulted to a --hub-field-* family that no library declares, so they always fell through to their sys/ref fallbacks and a form themed with --hub-input-bg left its signature field untouched. They now read the canonical tokens of the .hub-field__* shell: --hub-input-* for the drawing surface, --hub-label-* for the label and --hub-form-disabled-opacity for the disabled state.

added: The eleven --hub-signature-* tokens are documented in the design-system token spec, so they now appear in the library reference table.

Version 22.0.0 - 8/14/26, 12:00 AM

added: Initial signature field release.

Librerías relacionadas

ng-hub-ui-forms ng-hub-ui-utils