Dropdown

A dropdown component is used to capture a choice from the options that you provide.

When submitted, the dropdown choices are returned in a hash with the id from the dropdown component used as the key and the id from the chosen option as the value.

{
  "dropdown-1-id": "option-1-id"
}
ParameterPossible ValuesRequiredFunction
typedropdownYesThe type of component you are rendering.
idAny stringYesA unique identifier for the component.
optionsArray (See Below)YesThe list of options.Can provide 2 to 10.
labelAny stringNoThe text shown above the dropdown.
valueThe id of an optionNoThe option that is selected by default.
save_stateunsaved saved failedNoStyles all options and prevents the action.Default is false.Will be overriden if save_state is saved.
disabledfalse trueNoStyles all options and prevents the action.Default is false.Will be overriden if save_state is saved.

Option Parameters

ParameterPossible ValuesRequiredFunction
typeoptionYesThe type of component you are rendering.
idAny stringYesA unique identifier for the option.
textAny stringYesThe text shown within this option.
disabledfalse trueNoStyles the option and prevents the action.Default is false.

Preview