Skip to content

Commit 2efad50

Browse files
committed
Add multiple choice question with image labels to questionnaire example
1 parent c65e5a2 commit 2efad50

File tree

5 files changed

+31
-0
lines changed

5 files changed

+31
-0
lines changed

examples/questionnaire/Example.vue

Lines changed: 31 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,37 @@
102102
type: QuestionType.Email,
103103
required: true,
104104
placeholder: 'Start typing here...'
105+
}),
106+
new QuestionModel({
107+
id: 'multiple_choice_image',
108+
tagline: "Let's take it one step further",
109+
title: 'Tell us about your favorite social network 😍',
110+
helpTextShow: false,
111+
type: QuestionType.MultiplePictureChoice,
112+
multiple: false,
113+
required: true,
114+
options: [
115+
new ChoiceOption({
116+
imageSrc: require('../../src/assets/images/facebook.png'),
117+
imageAlt: 'facebook logo',
118+
label: 'Facebook'
119+
}),
120+
new ChoiceOption({
121+
imageSrc: require('../../src/assets/images/twitter.png'),
122+
imageAlt: 'twitter logo',
123+
label: 'Twitter'
124+
}),
125+
new ChoiceOption({
126+
imageSrc: require('../../src/assets/images/instagram.png'),
127+
imageAlt: 'instagram logo',
128+
label: 'Instagram'
129+
}),
130+
new ChoiceOption({
131+
imageSrc: require('../../src/assets/images/tiktok.png'),
132+
imageAlt: 'tiktok logo',
133+
label: 'TikTok'
134+
}),
135+
]
105136
}),
106137
new QuestionModel({
107138
id: 'phone',

src/assets/images/facebook.png

81.2 KB
Loading

src/assets/images/instagram.png

147 KB
Loading

src/assets/images/tiktok.png

52.6 KB
Loading

src/assets/images/twitter.png

76 KB
Loading

0 commit comments

Comments
 (0)