Signature (Angular)link

This guide demonstrates how to use the Signature component.

Signature Propertieslink

Name	Type	Default	Description
Name	string	'signature' + index suffix	Unique name of the Signature.
Value	string	null	Signature value as a Data URI.
Disabled	boolean/expression	false	Is Signature disabled.
Visible	boolean/expression	true	Is Signature visible.
Color	string	null	Signature pen color.
BackgroundColor	string	null	Signature background color.

Name	Type	Default	Description
Change	event	null	Change event of the Signature. New value as event argument.

For more info about event actions please visit event actions in our documentation.

<rz-signature #singature [(ngModel)]="order && order.Singature" name="Singature">
</rz-signature>

In this article —

Radzen is free to use. You can also test the premium features for 15 days.

Select theme: