Signature Appearance
The Signature provides predefined appearance options such as stroke color and width, rounded corners and fill modes.
Since version 22.1.0, default values of the appearance properties are no longer hardcoded in the component. The default values are inherited from the Kendo theme.
For more information, refer to the Design System documentation.
The following example demonstrates all available appearance options of the Signature in action.
Stroke Width
The Signature allows you to control the line thickness width through the strokeWidth property.
The following example demonstrates how to define the stroke width of the Signature.
Colors
The Signature allows you to control the line and background color through the color and backgroundColor properties.
The color option supports the following formats:
| Format | Description |
|---|---|
| red | The basic or extended CSS Color name |
#ff0000 | The Hex RGB value |
rgb(255, 0, 0) | The RGB value |
The following example demonstrates how to define the Signature colors.
Size
The Signature allows you to set different padding on the internal controls. To achieve this utilize the size property. It accepts values of type InputSize.
The size option supports the following values:
smallmediumlarge
Rounded Corners
The Signature enables you to apply different border radius to the component through the rounded property. It accepts values of type InputRounded.
The rounded option supports the following values:
smallmediumlargefullnone
Fill Mode
The Signature allows you to set different fill modes by using the fillMode property. It accepts values of type InputFillMode.
The fillMode option supports the following values:
flatsolidoutline