Multiple choice

A <devsite-multiple-choice> widget lets users guess the answer to a question related to the page content.

General usage

The following <devsite-multiple-choice> element is wrapped in a <div> element. Its first child is the question text, and the subsequent children contain the answer text and the explanation that appears once the user makes a selection. It also specifies Blue as the correct answer by adding a correct attribute.

What color is the sky?
Blue
But do you know why?
Purple
Not really.
Indigo
Close, but not quite.
Green
What planet are you from?

Answer order

The following example adds the preserve-order attribute to the <devsite-multiple-choice> custom element to preserve the answer order as specified in the source.

What color is the sky?
Blue
But do you know why?
Purple
Not really.
Indigo
Close, but not quite.
Green
What planet are you from?