Match List Question

Um componente ISLE que faz uma pergunta na qual o aprendiz tem que fazer corresponder elementos de duas listas um com o outro da maneira correta.

Opções

• question | (string|node): pergunta a ser exibida no topo do componente de perguntas da lista de partidas. Default: ''.
• elements | array<{a,b}>: um "raio" segurando os pares corretos exibidos na parte superior do componente de perguntas de texto livre. Cada elemento de "raio" deve ser um "objeto" com propriedades "a" e "b"; fornecer elementos apenas com propriedades "a" ou "b" para adicionar respostas de distração. Default: [].
• hintPlacement | string: colocação das dicas (ou top, left, right, ou bottom). Default: 'bottom'.
• hints | array<(string|node)>: dicas que orientam como responder à pergunta. Default: [].
• provideFeedback | boolean: indica se a solução deve ser acessível após os alunos apresentarem suas respostas. Default: true.
• feedback | boolean: controla se devem ser exibidos botões de feedback. Default: true.
• chat | boolean: controla se o elemento deve ter um bate-papo integrado. Default: false.
• colorScale | array: se estiver definido, as cores fornecidas são usadas para as telhas. Default: none.
• shuffle | string: especifica se as colunas left, right ou "ambas" devem ser embaralhadas; fornecer "ninguém" ou qualquer outro valor para não embaralhar elementos em nenhum dos lados (pode ser útil no caso de não haver solução presente). Default: 'both'.
• disableSubmitNotification | boolean: controla se as notificações de submissão devem ser desativadas. Default: false.
• submissionMsg | string: notificação exibida quando o aprendiz apresenta sua resposta pela primeira vez. Default: 'You have successfully submitted your answer.'.
• resubmissionMsg | string: notificação exibida para todos os envios após o primeiro. Default: 'You have successfully re-submitted your answer.'.
• until | Date: tempo até que os estudantes tenham permissão para enviar respostas. Default: none.
• points | number: número máximo de pontos concedidos na classificação. Default: 10.
• className | string: nome da classe. Default: ''.
• style | object: Estilos em linha CSS. Default: {}.
• onChange | function: chamada de retorno invocada quando os estudantes mudam uma resposta. Default: onChange() {}.
• onSubmit | function: chamada de retorno invocada quando os alunos submetem uma resposta. Default: onSubmit() {}.

Exemplos

• Minimal
• With Markdown
• With Solution & Style
• Shuffle Right
• Points for Grading

Editor ao vivo

<MatchListQuestion question="Please match the symbols and the respective chemical element." elements={[ { a: 'Be', b: 'Berlyllium' }, { a: 'Br', b: 'Bromine' }, { a: 'Ar', b: 'Argon' }, { a: 'Ac' , b: 'Actinium'}, { b: 'Arsenic' }, { b: 'Boron' } ]} provideFeedback={false} />

<MatchListQuestion
    question="Please match the symbols and the respective chemical element."
    elements={[
        { a: 'Be', b: 'Berlyllium' },
        { a: 'Br', b: 'Bromine' },
        { a: 'Ar', b: 'Argon' },
        { a: 'Ac' , b: 'Actinium'},
        { b: 'Arsenic' },
        { b: 'Boron' }
    ]}
    provideFeedback={false}
/>

Resultado

ReferenceError: Provider is not defined