Match List Question

An ISLE component that renders a question in which the learner has to match elements from two lists with each other in the correct way.

Example

<MatchListQuestion
    question="Please match the correct surnames and first names."
    elements={[
        { a: 'Ronald', b: 'Fisher' },
        { a: 'Florence', b: 'Nightingale' },
        { a: 'Karl', b: 'Pearson' },
    ]}
    onSubmit={ ( answers ) => {

    }}
/>

Open interactive preview

Options:

  • question | string: question to be displayed at the top of the match list question component. Default: ''.
  • elements | array<{a,b}>: an array holding the correct pairs displayed at the top of the free text question component. Each array element must be an object with a and b properties. Default: [].
  • hintPlacement | string: placement of the hints (either top, left, right, or bottom). Default: 'bottom'.
  • hints | array<string>: hints providing guidance on how to answer the question. Default: [].
  • showSolution | boolean: indicates whether the solution should be accessible after learners submit their answers. Default: true.
  • feedback | object: controls whether to display feedback buttons. Default: false.
  • chat | boolean: controls whether the element should have an integrated chat. Default: false.
  • colorScale | array: if set, the supplied colors are used for the tiles. Default: none.
  • submissionMsg | string: notification displayed when the learner first submits his answer. Default: 'You have successfully submitted your answer.'.
  • resubmissionMsg | string: notification displayed for all submissions after the first one. Default: 'You have successfully re-submitted your answer.'.
  • onSubmit | function: callback invoked when students submits an answer. Default: onSubmit() {}.

results matching ""

    No results matching ""