Toolbar ImageButton properties
Usage
const data = [
{
type: "imageButton",
id?: string | number,
parent?: string,
src: string,
count?: number,
countColor?: "danger" | "secondary" | "primary" | "success",
group?: string,
hotkey?: string,
multiClick?: boolean,
tooltip?: string,
css?: string | string[],
disabled?: boolean,
hidden?: boolean,
},
// more Toolbar controls
]
Description
type | (required) the type of a control, set it to "imageButton". If not specified - the "navItem" type is applied by default. |
id | (optional) the id of a control, auto-generated if not set |
parent | (optional) the parent of the item |
src | (required) the path to the image |
count | (optional) a badge with a number |
countColor | (optional) the color of a badge with number: "danger" | "secondary" | "primary" | "success" |
group | (optional) defines the name of a group of controls a button belongs to. If one of the buttons in the group becomes active, all others automatically become inactive |
hotkey | (optional) the name of the hot key for the button |
multiClick | (optional) if true - the "click" event will fire multiple times when the button is clicked and held; if false - the "click" event will fire on each click of the button |
tooltip | (optional) a tooltip for the button |
css | (optional) adds style classes to a button |
disabled | (optional) defines whether a button is disabled |
hidden | (optional) defines whether a button is hidden |
Example
Related article: ImageButton