question-block
v0.1.11arrow_drop_downv0.1.11
v0.1.10
v0.1.9
v0.1.8
v0.1.7
v0.1.6
v0.1.5
v0.1.4
v0.1.3
v0.1.2
v0.1.1
v0.1.0
STATUS
Passing
DOWNLOADS
164
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
107 KB
1 contributor
Like
Install question-block as a package?
Copied
npm i @bit/clui.nui-ui.blocks.tutorial.question-block
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
modifieddraft
chevron_left
chevron_right
Description
For displaying question.
Import from bit.dev
https://bit.dev/clui/nui-ui/blocks/tutorial/question-block
yarn add @bit/clui.nui-ui.blocks.tutorial.question-block
import QuestionBlock from '@bit/clui.nui-ui.blocks.tutorial.question-block';
Props
This component inherits ui/common/section-block. Please refer to /?path=/story/ui-common-sectionblock–default for all the inherited props.
Below are the props defined for this component:
Name | Type | Default | Description |
---|---|---|---|
onPass | () => void | - | - |
answers* | QuestionAnswer[] | - | - |
questionHtml* | string | - | - |
feedbackHtml* | string | - | - |
questionImgURL | string | - | - |
questionImgAlt | string | - | - |
feedbackImgURL | string | - | - |
feedbackImgAlt | string | - | - |
imgAlignment | “left” | “right” | - | - |
QuestionAnswer props
Name | Type | Default | Description |
---|---|---|---|
id* | number | - | - |
text | string | - | - |
isCorrect | boolean | - | - |