Skip to main content

Select Input

A select input component. Can be used as part of an ISLE dashboard or standalone. In the latter case, you want to handle changes via the onChange attribute or bind the value to a global variable via the bind attribute.

Options​

  • bind | string: name of global variable for the number to be assigned to. Default: ''.
  • clearable | boolean: boolean value indicating whether one may clear choice(s) made. Default: none.
  • defaultValue | (number|string|array|object): default value of the input at startup. Default: none.
  • disabled | boolean: controls whether the input is active or not. Default: false.
  • inline | boolean: indicates whether the input is displayed inline. Default: false.
  • legend | (string|node): text displayed next to the input. Default: ''.
  • menuPlacement | string: placement of the menu in relation to the control (either auto, top, or bottom). Default: 'auto'.
  • multi | boolean: controls whether one may select multiple answers. Default: false.
  • onChange | function: callback function to be invoked when a choice is made. Default: onChange() {}.
  • options | array: array of indicating the choices available the user. Default: [].
  • placeholder | string: value to be displayed before an initial choice is made. Default: none.
  • tooltip | string: text displayed when hovering over legend. Default: none.
  • style | object: CSS inline styles. Default: {}.

Examples​

Live Editor
Result
ReferenceError: Provider is not defined