SignatureProps
Represents the props of the KendoReact Signature component.
Definition
Package:@progress/kendo-react-inputs
Properties
ariaDescribedBy?
string
Identifies the element(s) which will describe the component.
ariaLabel?
string
Specifies the accessible label of the Signature.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
backgroundColor?
string
Specifies the background color of the Signature.
className?
string
Adds custom CSS classes to the Signature.
color?
string
Specifies the stroke color of the Signature.
dir?
string
Represents the dir HTML attribute.
disabled?
boolean
Disables the Signature when set to true.
exportScale?
number
The scale factor for the exported image.
The Signature width and height will be multiplied by the scale when converting the signature to an image.
2
fillMode?
"flat" | "solid" | "outline"
Configures the fill mode of the Signature.
undefined (theme-controlled)
height?
number
Specifies the height of the Signature in pixels.
hideLine?
boolean
Hides the dotted line in the background.
false
id?
string
Specifies the id of the Signature.
inputStyle?
CSSProperties
Represents the input element style HTML attribute.
maximizable?
boolean
Enables the maximizable feature of the Signature.
name?
string
Specifies the name of the Signature input.
onBlur?
(event: SignatureBlurEvent) => void
Fires when the Signature is blurred.
onChange?
(event: SignatureChangeEvent) => void
Fires when the value of the Signature changes.
onClose?
(event: SignatureCloseEvent) => void
Fires when the Signature popup is closed.
onFocus?
(event: SignatureFocusEvent) => void
Fires when the Signature is focused.
onOpen?
(event: SignatureOpenEvent) => void
Fires when the Signature popup is opened.
open?
boolean
Sets the open state of the Signature popup.
popupScale?
number
The scale factor for the popup.
The Signature width and height will be multiplied by the scale when showing the popup.
3
readOnly?
boolean
Sets the Signature to read-only mode.
required?
boolean
Specifies if null is a valid value for the component.
This property is part of the FormComponentProps interface.
rounded?
"small" | "medium" | "large" | "none"
Configures the roundness of the Signature.
undefined (theme-controlled)
size?
"small" | "medium" | "large"
Configures the size of the Signature.
undefined (theme-controlled)
smooth?
boolean
Enables smoothing of the signature lines.
strokeWidth?
number
Specifies the stroke width of the Signature.
style?
CSSProperties
Represents the style HTML attribute.
tabIndex?
number
Specifies the tabIndex of the Signature.
valid?
boolean
Overrides the validity state of the component.
If valid is set, the required property will be ignored.
This property is part of the FormComponentProps interface.
validationMessage?
string
Controls the form error message of the component. If set to an empty string, no error will be thrown.
This property is part of the FormComponentProps interface.
validityStyles?
boolean
If set to false, no visual representation of the invalid state of the component will be applied.
This property is part of the FormComponentProps interface.
value?
string
Specifies the value of the Signature as a Data URL.
webMcp?
boolean | WebMcpProps
Enables Web MCP tool registration for this component.
Requires a parent WebMcpProvider from @progress/kendo-react-webmcp.
width?
number
Specifies the width of the Signature in pixels.