result-item
v0.0.3arrow_drop_downv0.0.3
v0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
54
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.challenge.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
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 challenge result in a challenge module.
Import from bit.dev
https://bit.dev/clui/nui-ui/ui/challenge/result-item
yarn add @bit/clui.nui-ui.ui.challenge.result-item
import ResultItem from '@bit/clui.nui-ui.ui.challenge.result-item';
Props
Below are the props defined for this component:
Name | Type | Default | Description |
---|---|---|---|
question* | ChallengeQuestion | - | - |
questionResult* | ChallengeQuestionResult | - | - |
questionIndex | number | - | - |
className | string | - | - |
onClick | (questionId: number) => void | - | - |
ChallengeQuestion
Name | Type | Default | Description |
---|---|---|---|
id* | number | - | - |
variant* | “DEFAULT” | “SPOT” | “PIN” | - | - |
pickMany | boolean | - | - |
isAttempted | boolean | - | - |
html | string | - | - |
hint | string | - | - |
buttonLabel | string | - | - |
imgURL | string | - | - |
imgAlt | string | - | - |
answers | ChallengeAnswer[] | - | - |
questionData | { [key: string]: string | number } | - | - |
ChallengeAnswer
Name | Type | Default | Description |
---|---|---|---|
id* | number | - | - |
html | string | - | - |
x | number | - | - |
y | number | - | - |
data | string | - | - |
SubmittedChallengeQuestion
Name | Type | Default | Description |
---|---|---|---|
id* | number | - | - |
answers* | number[] | - | - |
ChallengeQuestionResult
Name | Type | Default | Description |
---|---|---|---|
id* | number | - | - |
feedback | string | - | - |
hint | string | - | - |
isCorrect* | boolean | - | - |
Properties
Name | Type |
---|---|
question (required) | ChallengeQuestion |
questionResult (required) | ChallengeQuestionResult |
questionIndex (required) | number |
className | string |
onClickResultItem | signature |