SignatureProps
Represents the props of the Kendo UI for Vue Signature component.
Definition
Package:@progress/kendo-vue-inputs
Properties
ariaDescribedBy?
string
Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.
ariaLabel?
string
The accessible label of the component.
ariaLabelledBy?
string
Identifies the element(s) which will label the component.
backgroundColor?
string
The background color of the signature.
Accepts CSS color names and hex values.
The default value is determined by the theme $kendo-input-bg variable.
color?
string
The stroke color of the signature.
Accepts CSS color names and hex values.
The default value is determined by the theme $kendo-input-text variable.
dir?
string
Represents the dir HTML attribute.
disabled?
boolean
Determines whether the Signature is in its disabled state.
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 fillMode of the Signature.
The available options are:
- solid
- outline
- flat
undefined
hideLine?
boolean
A flag indicating whether the dotted line should be displayed in the background.
false
id?
string
Sets the id of the Signature DOM element.
inputStyle?
object
Represents the input element style HTML attribute.
maximizable?
boolean
A flag indicating if the signature can be maximized.
true
modelValue?
string
Specifies the v-model.
name?
string
Specifies the name of the Signature input.
onBlur?
(event: SignatureBlurEvent) => void
The event handler that will be fired when Signature is blurred.
onChange?
(event: SignatureChangeEvent) => void
Determines the event handler that will be fired when the user edits the value.
onClose?
(event: SignatureCloseEvent) => void
The event handler that will be fired when Signature popup is closed.
onFocus?
(event: SignatureFocusEvent) => void
The event handler that will be fired when Signature is focused.
onOpen?
(event: SignatureOpenEvent) => void
The event handler that will be fired when Signature popup is open.
open?
boolean
Sets the open and close state of the Signature.
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
Determines whether the Signature is in its read-only state.
required?
boolean
The required state of the component.
rounded?
"small" | "medium" | "large" | "none" | "full"
Configures the roundness of the Signature.
The available options are:
- none
- small
- medium
- large
undefined
size?
"small" | "medium" | "large"
Configures the size of the Signature.
The available options are:
- small
- medium
- large
undefined
smooth?
boolean
A flag indicating whether to smooth out signature lines.
false
strokeWidth?
number
The stroke width of the signature.
1
tabIndex?
number
Sets the tabIndex property of the Signature.
valid?
boolean
Overrides the validity state of the component.
If valid is set, the required property will be ignored.
validationMessage?
string
The validation message of the component.
validityStyles?
boolean
The validity styles. Defaults to 'true'.