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