Interface IFloatingItemToolbarConfig

A structure defining appearance of the Floating Item Toolbar.

Package: @aurigma/design-atoms

Examples

configuration = {
   canvas: {
       floatingToolbar: {
           enabled: true,
           mode: "Inside",
           buttons: [ "Handle", "Select", "Edit" ]
       }
   }
};

Properties

bigButtonCssClass

CSS class for big buttons in the toolbar.

Declaration

bigButtonCssClass?: string;

Property Value

Type	Description
string	CSS class for big buttons in the toolbar.

buttons

Array of buttons for the toolbar. The default buttons are ["Select", "Edit", "Delete"].

Declaration

buttons?: FloatingToolbarButton[];

Property Value

Type	Description
FloatingToolbarButton[]	Array of buttons for the toolbar. The default buttons are ["Select", "Edit", "Delete"].

cssClass

CSS class to apply to the Floating Item toolbar.

Declaration

cssClass?: string;

Property Value

Type	Description
string	CSS class to apply to the Floating Item toolbar.

deleteButtonClass

CSS class for the **Delete** button.

Declaration

deleteButtonClass?: string;

Property Value

Type	Description
string	CSS class for the **Delete** button.

editButtonClass

CSS class for the **Edit** button.

Declaration

editButtonClass?: string;

Property Value

Type	Description
string	CSS class for the **Edit** button.

enabled

If true, displays the floating item toolbar. The default value is true.

Declaration

enabled?: boolean;

Property Value

Type	Description
boolean	If true, displays the floating item toolbar. The default value is true.

handleButtonClass

CSS class for the **Handle** button.

Declaration

handleButtonClass?: string;

Property Value

Type	Description
string	CSS class for the **Handle** button.

mode

Specifies the mode of the Floating Item Toolbar. The default value is FloatingToolbarMode.Classic.

Declaration

mode?: FloatingToolbarMode;

Property Value

Type	Description
FloatingToolbarMode	Specifies the mode of the Floating Item Toolbar. The default value is FloatingToolbarMode.Classic.

selectButtonClass

CSS class for the **Select** button.

Declaration

selectButtonClass?: string;

Property Value

Type	Description
string	CSS class for the **Select** button.