Dropdown

Image

Property JSON

{
    "type": "Dropdown",
    "properties": {
        "labelName": "QR type",
        "options": [
            {
                "option": "",
                "text": "Please Select"
            },
            {
                "option": "url",
                "text": "Website address"
            },
            .......
        ],
        "bindingPropertyName": "qrType"
    }
}

State definition

The property name needs to match the string specified in bindingPropertyName property. The dropdown matches against default state using the "option" property

{
    "qrType": "url"
}

Configurable properties

bindingPropertyName

string - the property name from defaultState with which to connect to.

mandatory

labelName

string - the text to display above the dropdown as a title

options

array - An array of objects containing an option and text property

{
    "option": "url",
    "text": "Website address"
}

option - is the value which will be put in state when the option is selected in the dropdown

text - is the text to display in the dropdown