Skip to main content


This component is suitable for use when creating accessible courses.

The Matching component is a question component that lets you test whether your learners can match the right option to a given question.

This article provides an overview of the Matching component, component setup and behavior, and examples of Matching component configurations.

Component overview

The Matching component is an interactive question component that lets you give your learners options to choose from and match with the Matching component question. You can have any number of questions and options inside a single Matching component.

The Matching component is fully responsive and can be part of an assessment or used as a separate component in your Evolve course.

Component set up

To add this component, follow the steps in this article:

The Property Panel for the newly added component will then open automatically for you to customize set-up.

Or click anywhere on an existing component to open the Property Panel.

General section

In the General section:

Add Title, or a Display Title, as needed. Display Title is seen by learners.

Add your Body. Use the text editor to style and format your text, as needed.

  1. Add Instruction Text that tells users how to use the component.
  2. Include an Aria Label for screen readers, as needed.

Interaction Label section

In the Interaction Label section, you can enable an Interaction Label.

The Interaction Label allows you to add a widget before or after the Matching component. This widget can display an icon and label prior to the Matching component completion, which changes to a different icon and label once the Matching component is completed.

Add Matching Items

In the Items section, you add Matching Items to your Matching component.

For each Matching Item:

  1. Add Matching Item Question to be displayed above the matching option.
  2. Add Matching Options and select the correct option.

Add, duplicate, or delete Matching Items as needed.

Component Examples

The Matching component gives you a lot of flexibility. Below are examples that illustrate the Matching component:

Example 1 – This example displays the Matching component before an option has been submitted.

Example 2 - This example shows the different options for the Matching component question.

Example 3 – This example shows the Feedback popup dialog displayed after the question has been submitted.

Behavior section

In the Behavior section, you enter how many Attempts the learner is allowed for the Matching component Question. You can enable to Display Attempts Counter and select to Randomize Answers, as needed.

Finally, you can change the default Placeholder text in the Behavior section. This text appears in the top level of your components drop-down.

Feedback section

The Feedback section lets you tailor feedback for correct, partly correct, or incorrect answered questions. Feedback can be displayed on the page, beneath the Matching component or in a notification popup.

For each type of feedback, you can choose to include:

  • global feedback set up

  • custom text as feedback

  • custom imagery as feedback

  • a link to a specific part of your course; if, for example, learners should revisit a particular section

  • a feedback style that overrides the theme styles settings

Did this article help?

Let us know by leaving a star rating or review at the top of this article.