question-card
v0.0.2arrow_drop_downv0.0.2
v0.0.1
STATUS
Passing
DOWNLOADS
14
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
N/A
1 contributor
Like
Install question-card as a package?
Copied
npm i @bit/clui.nui-ui.ui.quiz.question-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 any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
Description
The question card where user answer the question.
Import from bit.dev
https://bit.dev/clui/nui-ui/ui/quiz/question-card
yarn add @bit/clui.nui-ui.ui.quiz.question-card
import QuestionCard from '@bit/clui.nui-ui.ui.quiz.question-card';
Props
Below are the props defined for this component:
| Name | Type | Default | Description |
|---|---|---|---|
| question | QuizQuestion | - | - |
| stepIndex | number | - | - |
| stepTotalNum | number | - | - |
| onSubmit | function | - | - |
QuizQuestion
| Name | Type | Default | Description |
|---|---|---|---|
| id | number | - | - |
| imgURL | string | - | - |
| imgAlt | string | - | - |
| status | string | - | - |
| type | string | - | - |
| html | string | - | - |
| answers | QuizAnswer[] | - | - |
QuizAnswer
| Name | Type | Default | Description |
|---|---|---|---|
| id | number | - | - |
| label | string | - | - |
| isCorrect | boolean | - | - |
Properties
| Name | Type |
|---|---|
question (required) | QuizQuestion |
questionIndex | number |
questionTotalNum | number |
onSubmit | signature |