
components
Input Signature
v.1.0.0 | SaturnProps
Let's delve into the versatility of the inputSignature component by examining all its avalaible props.
Uncontrolled
Property | Type | Default | Description |
---|---|---|---|
variant Required | String | - | Variant of InputSignature |
placeholder Required | InputSignatureText | - | Placeholder text for InputSignature |
errorText | InputSignatureText | - | Text to show when the InputSignature is in error |
onChange | (value) => void | - | Function that is executed after each stroke |
disabled | Boolean | - | Specifies if the input element is disabled or not |
error | Boolean | - | Specifies if the input element has error or not |
Controlled
Property | Type | Default | Description |
---|---|---|---|
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 |
errorText | InputSignatureText | - | Text to show when the InputSignature is in error |
setSignatureStyles | (styles) => void | - | Help Function to set styles from theme |