Go Main page
Go Main page

Web components

cover

components

Input Signature

v.1.0.0 | Saturn

Props

Let's delve into the versatility of the inputSignature component by examining all its avalaible props.

Uncontrolled

PropertyTypeDefaultDescription
variant
Required
String-Variant of InputSignature
placeholder
Required
InputSignatureText-Placeholder text for InputSignature
errorTextInputSignatureText-Text to show when the InputSignature is in error
onChange(value) => void-Function that is executed after each stroke
disabledBoolean-Specifies if the input element is disabled or not
errorBoolean-Specifies if the input element has error or not

Controlled

PropertyTypeDefaultDescription
variant
Required
String-Variant of InputSignature
placeholder
Required
InputSignatureText-Placeholder text for InputSignature
state
Required
InputSignatureState-Sets the state of the InputSignature
onBlurContainer
Required
() => void-Function that is called when blur the component
onClickContainer
Required
(e) => void-Function that is called when click on the component
canvasRef
Required
RefObject<HTMLCanvasElement>-Canvas reference
errorTextInputSignatureText-Text to show when the InputSignature is in error
setSignatureStyles(styles) => void-Help Function to set styles from theme