Skip to main content

Toolbar Input properties

Usage​

const data = [
    {
        type: "input";
        id?: string | number;
        parent?: string | number;
        value?: string;
        css?: string | string[];
        icon?: string;
        placeholder?: string;
        width?: string;
        autocomplete?: boolean;
        label?: string;
        tooltip?: string;
        hidden?: boolean;
        disabled?: boolean;
    },
    // 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
css(optional) adds style classes to an input
icon(optional) the name of an icon from the used icon font
placeholder(optional) a tip for the input
width(optional) the width of the input field
autocomplete(optional) enables/disables the autocomplete functionality of the input; false by default
label(optional) specifies an AREA label for the Input control
tooltip(optional) a tooltip for an input
hidden(optional) defines whether an input is hidden
disabled(optional) defines whether an input is disabled

Example​

Related article: Input