Skip to main content

Select Question

A select question component.

Options#

  • question | (string|node): question for which the student has to select one of the available answer options. Default: ''.
  • options | array (required): available answer options from which the student can select. Default: none.
  • solution | number (required): index of solution element in options. Default: none.
  • preselected | number: index of preselected answer option. Default: 0.
  • inline | boolean: controls whether the component is rendered inline or not. Default: false.
  • hintPlacement | string: placement of the hints (either top, left, right, or bottom). Default: 'top'.
  • hints | array<(string|node)>: hints providing guidance on how to answer the question. Default: [].
  • feedback | boolean: controls whether to display feedback buttons. Default: true.
  • chat | boolean: controls whether the element should have an integrated chat. Default: false.
  • provideFeedback | boolean: indicates whether feedback including the correct answer should be displayed after learners submit their answers. Default: true.
  • failureMsg | string: message to be displayed when student selects a wrong answer. Default: 'Not quite, try again!'.
  • successMsg | string: message to be displayed when student selects the correct answer. Default: 'That's the correct answer!'.
  • points | number: maximum number of points awarded in grading. Default: 10.
  • style | object: CSS inline styles. Default: {}.
  • onChange | function: callback which is triggered after the submit action. Default: onChange() {}.
  • onSubmit | function: callback invoked when answer is submitted; has as first parameter a boolean indicating whether the answer was correctly answered (if applicable, null otherwise) and the supplied answer as the second parameter. Default: onSubmit() {}.

Examples#

Live Editor
Result
Last updated on by Planeshifter