Choiceinput

[ChoiceInput]{#ChoiceInput data-4search="ui/b/choiceinput.tsx:ChoiceInput;section"}

The ChoiceInput function component provides a choice popup to choose from a set of options. Value changes are reported via the onValueChange callback prop and a self-targeted valuechange DOM event, the new value is available via event.target.value.

Props:

value : The choice value currently displayed. choices : List of choices: [ { icon, label, blurb }... ]. title : Optional title for the popup menu. label : A label used to extend the tip attached to the choice component. small : Reduce padding and use the small layout. prop : If label is unspecified, it can be fetched from prop->label instead. disabled : Disable interaction and grey out the control. onValueChange (uri) : Callback invoked with the new choice value once the user activates a menu item.

Events:

valuechange : DOM event emitted on the root element whenever the value changes; : the new value is available via event.target.value.