instruction-modal
v0.0.1arrow_drop_downv0.0.1
STATUS
Passing
DOWNLOADS
12
VISIBILITY
Public
PUBLISHED
4 years ago
SIZE
40 KB
1 contributor
Like
Install instruction-modal as a package?
Copied
npm i @bit/clui.nui-ui.ui.quiz.instruction-modal
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
The first instruction page that user will see after starting a quiz.
Import from bit.dev
https://bit.dev/clui/nui-ui/ui/quiz/instruction-modal
yarn add @bit/clui.nui-ui.ui.quiz.instruction-modal
import InstructionModal from '@bit/clui.nui-ui.ui.quiz.instruction-modal';
Props
Below are the props defined for this component:
Name | Type | Default | Description |
---|---|---|---|
open | boolean | true | optional |
bgcolor | ‘white’ | ‘lightgrey’ | ‘primary’ | ‘secondary’ | ‘gradient-success’ | undefined | primary | optional |
showCloseButton | boolean | false | optional |
onClose | function | - | optional |
Properties
Name | Type | Default value |
---|---|---|
open | boolean | true |
bgcolor | "white"
| "lightgrey"
| "primary"
| "secondary"
| "gradient-success"
| undefined | "primary" |
showCloseButton | boolean | false |
onClose | signature |