Skip to main content

Ribbon NavItem properties

type(string) the type of a control, set it to "navItem"
id(string, number) the id of a control, auto-generated if not set
parent(string) the parent of the item
value(string) a value of the navItem. You need to set either the value or html property to the navItem
html(string) optional, a string with HTML that should be inserted into the navItem
css(string|string[]) adds style classes to a navItem
icon(string) an icon of the navItem
items(array) an array of nested controls. You can find the full list of all available controls here. If the type of a nested control is not specified, the menuItem type will be applied by default.
twoState(boolean) adds two states to the item: active (pressed) and inactive (unpressed)
active(boolean) sets the state of a twoState item
group(string) defines the name of a group of controls a navItem belongs to. If one of the navItems in the group becomes active, all others automatically become inactive
hotkey(string) the name of the hot key for the item
tooltip(string) a tooltip for the navItem
size(string) defines the size of a navItem: "small"|"medium"|"auto"
count(number) a badge with a number
countColor(string) the color of a badge with number: "danger" | "secondary" | "primary" | "success"
hidden(boolean) defines whether a control is hidden
disabled(boolean) defines whether an item is disabled