result-item
v0.0.8arrow_drop_downv0.0.8
v0.0.7
v0.0.6
v0.0.5
v0.0.4
v0.0.3
v0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
166
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
N/A
1 contributor
Like
Install result-item as a package?
Copied
npm i @bit/clui.nui-ui.ui.activity.result-item
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
Description
This component is used to show activity result in a activity module.
Import from bit.dev
https://bit.dev/clui/nui-ui/ui/activity/result-item
yarn add @bit/clui.nui-ui.ui.activity.result-item
import ResultItem from '@bit/clui.nui-ui.ui.activity.result-item';
Props
Below are the props defined for this component:
| Name | Type | Default | Description |
|---|---|---|---|
| question* | ActivityQuestion | - | - |
| submittedQuestion* | SubmittedActivityQuestion | - | - |
| questionResult* | ActivityQuestionResult | - | - |
| questionIndex | number | - | - |
| className | string | - | - |
ActivityQuestion
| Name | Type | Default | Description |
|---|---|---|---|
| id* | number | - | - |
| variant | ‘DROP_SIGN’ | ‘ORDER_PINS’ | ‘PICK_ONE_PIN’ | ‘TRUE_FALSE’ | ‘PICK_ONE’ | ‘PICK_MANY’ | ‘PRACTICE_INSTRUCTION’ | - | - |
| html | string | - | - |
| actionFeedback | string | - | - |
| hint | string | - | - |
| buttonLabel | string | - | - |
| imgURL | string | - | - |
| imgAlt | ActivityAnswer[] | - | - |
| answers | string | - | - |
| questionData | { [key: string]: string | number }[] | - | - |
ActivityAnswer
| Name | Type | Default | Description |
|---|---|---|---|
| id* | number | - | - |
| html | string | - | - |
| imgURL | string | - | - |
| x | number | - | - |
| y | number | - | - |
SubmittedActivityQuestion
| Name | Type | Default | Description |
|---|---|---|---|
| id* | number | - | - |
| answers* | number[] | - | - |
ActivityQuestionResult
| Name | Type | Default | Description |
|---|---|---|---|
| id* | number | - | - |
| feedback | string | - | - |
| isCorrect* | boolean | - | - |
Properties
| Name | Type |
|---|---|
question (required) | ActivityQuestion |
questionResult (required) | ActivityQuestionResult |
submittedQuestion (required) | SubmittedActivityQuestion |
questionIndex (required) | number |
className | string |