Skip to content

Dropdown ​

The dropdown input does not require much beyond the typical setting item data:

ts
const Dropdown = {
    type: "dropdown",
    value: "arbitrary",
    options: [
        {label: "Test 1", value: 50},
        {label: "Test 2", value: "arbitrary"},
        {label: "Final Test", value: {label: "Test 1", value: 50}}
    ]
}

That's enough to give you the following color input:

Dropdown Basic

A key feature here is that the label does not need to match the value or even be of the same type.

Advanced ​

The dropdown does not really have any advanced features, the only additional option is to make it a transparent style which is useful for contexts other than settings.

ts
const DropdownAdvanced = {
    style: "transparent"
}

Dropdown Advanced

Acceptable Values ​

Dropdown option value can be of any type including objects as shown in the examples above. The component will return to you exactly what was given for that option.