Skip to main content

Ribbon Input properties

Usage​

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

        icon?: string,
        label?: string,
        placeholder?: string,
        tooltip?: string,
        width?: string,

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

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
icon(optional) the name of an icon from the used icon font
label(optional) a text label for the Input control
placeholder(optional) a tip for the input
tooltip(optional) a tooltip for an input
width(optional) the width of the input field
css(optional) adds style classes to an input
disabled(optional) defines whether an input is disabled
hidden(optional) defines whether an input is hidden

Example​

Related article: Input