Skip to main content

Toolbar SelectButton properties

Usage

const data = [
{
type: "selectButton",
id?: string | number,
parent?: string,
value?: string,
items?: IMenuElement[], // ISpacer | ISeparator | INavItem | IMenuItem | ICustomHTML

count?: number,
countColor?: "danger" | "secondary" | "primary" | "success",
icon?: string,
tooltip?: string,

css?: string | string[],
disabled?: boolean,
hidden?: boolean,
},
// more Toolbar controls
]

Description

type(required) the type of a control, set it to "selectButton". 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
value(optional) a value of the button
items(optional) 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.
count(optional) a badge with a number
countColor(optional) the color of a badge with number: "danger" | "secondary" | "primary" | "success"
icon(optional) the name of an icon from the used icon font
tooltip(optional) a tooltip for the control
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: SelectButton