AppearancePremium
The Signature provides a predefined set of appearance options.
Apart from the default vision of the Signature, these alternative styling options enable you to configure each individual aspect of the appearance of a Signature.
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 options 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 enables you to configure its size.
smallmedium(Default)largenull- Does not set a sizeclassName
The following example demonstrates how to set the size of the Signature.
Fill Mode
The Signature supports the following fillMode options:
solid(Default)outlineflatnull- Does not set aclassNamefor fillMode
The following example demonstrates how to set the fillMode of the Signature.
Border Radius
The Signature enables you to apply different border radius to the component through the rounded property.
The rounded option supports the following values:
smallmedium(Default)largenull- Does not set aclassNamefor size
The following example demonstrates how to define the border radius of the Signature.