Interface IHoverStyle

A structure defining the appearance of the object that the cursor is hovering over.

Package: @aurigma/design-editor-iframe

Examples

 "canvas": {
   "style": {
     "hover": {
       "color": "gold",
       "width": 4,
       "fillColor": "rgba(255,192,0,0.3)",
       "dashPattern": [1, 1, 1, 10],
       "showLabel": false,
       "textStyle": "Italic Bold 14px Flomaster",
       "textColor": "rgb(192,128,0)"
     }
   }
 }

Properties

color

The color of the selection border, in the RGBA format. The default value is "rgba(255,0,0,1)".

Declaration

color: string;

Property Value

Type	Description
string	The color of the selection border, in the RGBA format. The default value is "rgba(255,0,0,1)".

dashPattern

The style of dashes of the selection border, as an array of numbers, which mean the length of the dash or gap in the dashed line.

Declaration

dashPattern: number[];

Property Value

Type	Description
number[]	The style of dashes of the selection border, as an array of numbers, which mean the length of the dash or gap in the dashed line.

fillColor

The fill color of the selection, in the RGBA format.

Declaration

fillColor: string;

Property Value

Type	Description
string	The fill color of the selection, in the RGBA format.

showLabel

If true, displays the design element name. The default value is true.

Declaration

showLabel: boolean;

Property Value

Type	Description
boolean	If true, displays the design element name. The default value is true.

textColor

The color of the design element name, in the RGBA format.

Declaration

textColor: string;

Property Value

Type	Description
string	The color of the design element name, in the RGBA format.

textStyle

The text style of the design element name. The default value is "normal 12px Roboto".

Declaration

textStyle: string;

Property Value

Type	Description
string	The text style of the design element name. The default value is "normal 12px Roboto".

width

The selection border width, in pixels. The default value is 2.

Declaration

width: number;

Property Value

Type	Description
number	The selection border width, in pixels. The default value is 2.