Skip to main content

Ribbon ImageButton properties


const data = [
type: "imageButton",
id?: string | number,
parent?: string,
src: string,

active?: boolean,
count?: number,
countColor?: "danger" | "secondary" | "primary" | "success",
group?: string,
hotkey?: string,
size?: "small" | "medium" | "auto",
tooltip?: string,
twoState?: boolean,

css?: string | string[],
disabled?: boolean,
hidden?: boolean,


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
active(optional) sets the state of a twoState button
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
size(optional) defines the size of a button: "small"|"medium"|"auto"
tooltip(optional) a tooltip for the button
twoState(optional) adds two states to the button: active (pressed) and inactive (unpressed)
css(optional) adds style classes to a button
disabled(optional) defines whether a button is disabled
hidden(optional) defines whether a button is hidden

Related article: ImageButton