Skip to main content

Toolbar Input properties

Usage​

const data = [
    {
        type: "input",
        id?: string | number,
        parent?: string,
        value?: string,

        autocomplete?: boolean,
        icon?: string,
        label?: string,
        placeholder?: string,
        tooltip?: string,

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

Description​

type(required) the type of a control, set it to "input". 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 initial value of the field
autocomplete(optional) enables/disables the autocomplete functionality of the input; false by default
icon(optional) the name of an icon from the used icon font
label(optional) specifies an AREA label for the Input control
placeholder(optional) a tip for the input
tooltip(optional) a tooltip for an input
css(optional) adds style classes to an input
disabled(optional) defines whether an input is disabled
hidden(optional) defines whether an input is hidden
width(optional) the width of the input field

Example​

Related article: Input