Dropdown
Dropdown can display dropdown menu for selection
{
"type": "dropdown",
"id": "chat-mood-dropdown",
"label": "text above the option",
"value": "default option id",
"disabled": false,
"items": [
{
"id": "chat-mood-dropdown-satisfied",
"label": "Satisfied"
},
{
"id": "chat-mood-dropdown-angry",
"label": "Angry"
}
]
}
Property | Type | Example | Description | Required |
---|---|---|---|---|
id | string | chat-mood-dropdown | ID of component. ID should be unique in snippet. | true |
type | string | dropdown | Type of component. use dropdown | true |
label | string | text above the option | Text shown above option | false |
value | string | default option id | Default selection of dropdown. | false |
disabled | boolean | false | To disable dropdown, set this value as true. Default is false | false |
items | object | [ { "id": "chat-mood-dropdown-satisfied", "label": "Satisfied" }, { "id": "chat-mood-dropdown-angry", "label": "Angry" } ] | true | |
items[i].id | string | chat-mood-dropdown-satisfied | ID of option. ID should be unique in snippet. | true |
items[i].label | string | Satisfied | String |
Updated 9 months ago