Skip to main content

Ribbon 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,
        size?: "small" | "medium" | "auto",
        tooltip?: string,

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

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) the 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
size(optional) defines the size of a button: "small"|"medium"|"auto"
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