Order Question

Компонент с въпроси за подреждане, който изисква от ученика да подреди в правилен ред колекция от елементи.

Опции

question | (string|node): въпрос, при който ученикът трябва да подреди правилно наличните варианти.. Default: ''.
options | array (required): масив от текстове, които ученикът трябва да подреди правилно (предполага се, че това е предоставеният ред).. Default: none.
provideFeedback | boolean: контролира дали да се показва известие, показващо дали подаденият отговор е верен или не.. Default: true.
hintPlacement | string: разположение на подсказките (или top, right, left, или bottom). Default: 'bottom'.
hints | array<(string|node)>: подсказки, които дават насоки за това как да отговорите на въпроса. Default: [].
feedback | boolean: контролира дали да се показват бутони за обратна връзка. Default: true.
chat | boolean: контролира дали елементът трябва да има интегриран чат. Default: false.
failureMsg | string: съобщение, което да се показва, когато ученикът подаде грешен отговор. Default: none.
successMsg | string: съобщение, което да се покаже, когато ученикът подаде правилния отговор. Default: none.
disableSubmitNotification | boolean: контролира дали да деактивира известията за подаване. Default: false.
until | Date: времето, до което учениците трябва да могат да подават отговори. Default: none.
points | number: максимален брой точки, присъждани при класирането. Default: 10.
style | object: CSS инлайн стилове. Default: {}.
onChange | function: обратно извикване, което се задейства след плъзгане на елемент; има два параметъра: boolean, показващ дали елементите са поставени в правилен ред, и array с текущата подредба. Default: onChange() {}.
onSubmit | function: обратна връзка, задействана при изпращане на отговора; единственият параметър е boolean, който показва дали елементите са поставени в правилен ред. Default: onSubmit() {}.

Примери

Minimal
Hints
Submit Function
With Points and Feedback Message

Редактор в реално време

<OrderQuestion
    question="Order the letters alphabetically!"
    options={[
        "Alpha",
        "Beta",
        "Gamma",
        "Delta"
    ]}
/>

<OrderQuestion
    question="Order the letters alphabetically!"
    options={[
        "Alpha",
        "Beta",
        "Gamma",
        "Delta"
    ]}
/>

Резултат

ReferenceError: Provider is not defined

Опции​

Примери​

Опции

Примери