result-card
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
130
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
N/A
1 contributor
Like
Install result-card as a package?
Copied
npm i @bit/clui.nui-ui.ui.activity.result-card
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
and packages in Bit or NPM to the example. any of the 1 million componentstoggle 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-card
yarn add @bit/clui.nui-ui.ui.activity.result-card
import ResultCard from '@bit/clui.nui-ui.ui.activity.result-card';
Props
Below are the props defined for this component:
Name | Type | Default | Description |
---|---|---|---|
questions* | ActivityQuestion[] | - | - |
submittedQuestions* | SubmittedActivityQuestion[] | - | - |
result* | ActivityResult] | - | - |
failText | string | - | - |
passText | string | - | - |
buttonContainer | React.ReactElement | - | - |
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[] | - | - |
ActivityResult
Name | Type | Default | Description |
---|---|---|---|
questions* | ActivityQuestionResult[] | - | - |
isPass* | boolean | - | - |
passNum* | number | - | - |
requiredToPass* | number | - | - |
ActivityQuestionResult
Name | Type | Default | Description |
---|---|---|---|
id* | number | - | - |
feedback | string | - | - |
isCorrect* | boolean | - | - |
Properties
Name | Type | Default value |
---|---|---|
questions (required) | Array | |
submittedQuestions (required) | Array | |
result (required) | ActivityResult | |
failText | string | "" |
passText | string | "" |
buttonContainer | ReactReactElement |