question-pins

v0.0.10

v0.0.9

v0.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

234

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

N/A

React

1 contributor

Install question-pins as a package?

Copied

npm i @bit/clui.nui-ui.ui.activity.question-pins

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

Description

This component is used to show pins in the questions in a activity module.

Import from bit.dev

https://bit.dev/clui/nui-ui/ui/activity/question-pins

yarn add @bit/clui.nui-ui.ui.activity.question-pins

import QuestionPins from '@bit/clui.nui-ui.ui.activity.question-pins';

Props

Below are the props defined for this component:

Name	Type	Default	Description
question*	ActivityQuestion	-	-
selectedAnswers	number[]	-	-
onSelectAnswer	(answer: ActivityAnswer) => void	-	-
onOpenSignModal	() => void	-	-

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	-	-

Properties

Name	Type
question (required)	`ActivityQuestion`
selectedAnswers (required)	`Array`
onSelectAnswer	`signature`
onOpenSignModal	`signature`